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内 容 提 要 


一 个 深 受用 户 喜 爱 的 好 产品 和 一 个 让 人 觉得 凑合 用 的 一 般 产品 ， 区 别 往往 就 在 于 微 交 互 。 
本 书 要 讨论 一 种 不 同 的 思维 方式 : 撒 开 壮观 宏大 、 由 上 而 下 的 设计 ， 重 视 自 底 向 上 、 精 心 构 思 
的 细节 。 这 些小 地 方 是 设计 师 最 擅长 的 地 方 ， 举 手 之 劳 ， 就 能 立 杆 见 影 。 这 是 改变 世界 的 另 一 
种 方式 : 在 看 似 无 关 紧要 的 时 刻 释放 令 人 心动 的 体验 ! 全 书 共 6 章 和 一 个 附录 ， 第 1 章 介 绍 了 
微 交 互 的 概念 、 历 史 和 结构 ， 第 2 章 到 第 5 章 齐 析 了 ee 素 : 触发 器 、 规 则 、 
反馈 、 循 环 与 模式 。 第 6 章 通 过 3 个 实例 将 微 交 互 设 计 的 所 有 要 点 融会 贯通 ， 付 诸 实践 。 附 录 
探讨 了 微 交 互 的 测试 问题 。 

2 设计 师 、 程 序 员 、 研 究 人 员 、 评 论 人 员 和 公司 老总 阅读 ， 它 能 引发 你 
的 思考 ， 提 高 你 的 品味 ， 增 强 你 〈 还 有 你 们 公司 ) 的 竞争 力 。 
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1978 年 开始 ，O'Reilly 一 直 都 是 前 沿 发 展 的 见证 者 和 推动 者 。 超 级 极 客 们 正在 





开创 着 未 来 ， 而 我 们 关注 真正 重要 的 技术 趋势 一 一 通过 放大 那些 “细微 的 信号 ”来 
| 激 社会 对 新 科技 的 应 用 。 作 为 技术 社区 中 活跃 的 参与 者 ，O’Reilly 的 发 展 充满 了 
[创新 的 倡导 、 创 造 和 发 扬 光 大 。 


"Reilly 为 软件 开发 人 员 带 来 革命 性 的 “动物 书 ”; 创建 第 一 个 商业 网 站 (GNN) ; 
组 织 了 影响 深远 的 开放 源 代码 峰会 ， 以 至 于 开源 软件 运动 以 此 命名 创立 了 Make 





























杂志 ， 从 而 成 为 DIY 革命 的 主要 人 先锋， 公司 一 如 既往 地 通过 多 种 形式 缔结 信息 与 


人 的 纽带 。O’Reilly 的 会 议和 峰会 集聚 了 众多 超级 极 客 和 高 瞻 远 瞩 的 商业 领袖 ， 共 
同 描绘 出 开创 新 产业 的 革命 性 思想 。 作 为 技术 人 士 获取 信息 的 选择 ，O"Reilly 现在 






































还 将 先锋 专家 的 知识 传递 给 普通 的 计算 机 用 户 。 无 论 是 通过 书籍 出 版 ， 在 线 服务 或 























者 面授 课程 ， 每 一 项 O'Reilly 的 产品 都 反映 了 公司 不 可 动摇 的 理念 一 一 信息 是 激发 
创新 的 力量 。 
业界 评论 


“O'Reilly Radar 博客 有 口 剖 碑 。 
Wired 





“O'Reilly 凭借 一 系列 ( 真希 望 当初 我 也 想到 了 ) 非凡 想法 建立 了 数 百 万 美元 的 
业务 。” 





Business 2.0 


“O'Reilly Conference 是 聚集 关键 思想 领袖 的 绝对 典范 。” 
一 一 CRN 


“一 本 O'Reilly 的 书 就 代表 一 个 有 用 、 有 前 途 、 需 要 学 习 的 主题 。 
一 一 Irish Times 


“Tim 是 位 特 立 独行 的 商人 ， 他 不 光 放 眼 于 最 长 远 、 最 广阔 的 视野 并 且 切 实地 
按照 Yogi Berra 的 建议 去 做 了 : “如 果 你 在 路 上 遇 到 岔路 口 ， 走 小 路 ( 岔路 )。” 
回顾 过 去 ，Tim 似乎 每 一 次 都 选择 了 小 路 ， 而且 有 几 次 都 是 一 闪 即 逝 的 机 会 ， 
尽管 大 路 也 不 错 。” 





Linux Journal 





对 本 书 的 赞 党 


《 微 交 互 》 是 我 期 待 已 久 的 一 本 书 。 我 一 直 都 希望 看 到 一 本 能 够 在 原 
子 级 别 上 ,深刻 而 又 简洁 地 把 交互 设计 讲 清楚 的 书 。 这 本 书 就 是 ! ” 
Jared Spool 





User Interface Engineering (uie.com) 


“当今 世界 ， 人 们 每 天 都 要 接触 上 百 种 不 同 的 用 户 体验 ， 只 有 最 明确 的 
交互 才能 让 人 过 目 不 忘 。《 微 交互 》 是 创造 这 种 用 户 体验 的 必 读 佳作 。 





“在 这 本 书 里 ，Dan Saffer 把 “ 认 知 走 查 ”(Cognitive Walkthrough ) 
提升 到 了 更 高 层次 ， 创 建 了 一 个 新 的 交互 模型 ， 并 示范 了 瞬间 之 美 是 
怎么 产生 的 。 


“没有 难 懂 的 词汇 ， 让 人 一 日 了 然 ， 真是 一 本 难得 的 好 书 。《 微 交互 》 
揭示 了 重要 的 设计 原理 ， 并 通过 实际 的 例子 说 明了 该 做 什么 和 不 该 做 
什么 。 哪 怕 只 看 两 页 ， 也 会 受益 匪 浅 ， 如 果 多 看 一 人 帝 ， 收 获 更 大 。 这 
本 书本 身 就 是 微 交 互 的 精彩 范例 。 通 俗 易 懂 ， 平 易 近 人 ， 深 刻 的 洞 见 
总 能 不 期 而 遇 。 


























一 一 Kevin Fox 
Gmail 设计 师 
“Saffer 这 本 书写 得 太 精 彩 了 ， 言 简 意 赎 ! 它 讨 论 了 一 个 被 设计 行业 长 
期 忽视 的 主题 : 在 人 类 与 技术 每 天 的 交互 中 ， 如 何 创建 短暂 、 微 小 却 








令 人 过 目 难 忘 的 瞬间 。 我 向 所 有 设计 师 和 程序 员 推 荐 这 本 书 ， 因 为 你 
们 肯定 希望 自己 设计 和 开发 的 应 用 、 网 站 或 者 其 他 产品 ， 既 能 够 让 用 
户 在 使 用 时 妙趣 横生 ， 又 能 帮 他 们 解决 实际 问题 。 这 本 书 会 为 你 指明 
改进 的 方向 ， 每 次 一 个 微 交 互 。 








一 一 Robert Reimann 

Interaction Design Association (IxDA) 创始 人 兼 总 裁 
PatientsLikeMe 首席 交互 设计 师 

About Face 3 ( Wiley ) 合 著者 


“享有 魔术 师 中 的 魔术 师 美 誉 的 Dariel Fitzkee 说 过 “魔术 成 败 一 看 细 
节 ， 二 看 表演 。 交 互 设计 也 是 这 样 ， 正 是 它 在 用 户头 脑 中 创造 出 了 
微小 、 妙 不 可 言 而 又 有 意思 的 假象 。Dan 这 本 《 微 交互 》 就 像 一 个 放 
大 镜 ， 它 把 这 些 时 刻 放 大 ， 而 且 梳 理 出 了 一 套 从 优秀 到 卓越 的 规则 。 
我 向 在 任何 媒体 中 负责 设计 和 实现 用 户 体验 的 朋友 强烈 推荐 这 本 书 。” 
Bill Scott 
Paypal 资深 UIE 总 监 
《Web 界面 设计 》 合 著者 


“我 从 来 没有 看 到 过 其 他 任何 一 本 书 是 在 这 个 层面 上 剖析 交互 设计 的 。 

这 是 我 读 过 的 非常 好 的 一 本 讲 交 互 设计 的 书 。 我 会 多 买 一 些 送 给 我 的 
设计 师 和 产品 经 理 ， 让 他 们 看 完 之 后 再 讲 给 我 听 。” 

一 一 Christian Crumlish 

CloudOn 产品 总 监 


“Dan Saffer 这 本 《 微 交 互 》 是 我 儿 年 来 看 过 的 最 好 的 一 本 讲 设计 的 
书 。 这 本 书本 身 也 是 一 个 精彩 的 微 交互 作品 ， 它 短小 精怪 、 构 思 绩 
密 、 言 简 意 赎 、 妙 语 连珠 。 很 多 讲 设 计 的 书 都 只 是 泛泛 而 谈 ， 流 于 抽 
象 和 自我 。Saffer 却 抓 位 了 设计 界 绝对 必须 解决 的 要 害 问 题 ， 他 写 了 
一 本 每 一 个 设计 师 都 必须 看 的 书 。” 

















一 一 Scott Berkun 
Internet Explorer 1.0~5.0 开发 者 
著名 畅销 书 作 者 、 演 讲 家 
注 1: 中 文 版 《About Face3 交互 设计 精髓 》 由 电子 工业 出 版 社 出 版 。 


























vi | 对 本 书 的 赞誉 
















唐 诺 曼 推 荐 序 有 IX 
前 言 EOE OO OO OO OOO XIII 
第 1 合流 计 做 这 五 ran i 1 
1.1 被 交 芋 不 是 功能 ,但 很 重要 sei 4 
1.2 微 效 互 秘 员 和 9 
1.3 微 效 互 的 结构 和 14 
1.4 微 交 互 的 设计 理念 站 20 
1.5 小 缚 和 ee 23 
第 2 章 触发 器 25 
2.1 村 动 般 发 惠 和 i 28 
2.1.1 提前 展示 数据 30 

2.1.2 ”触发 器 的 构成 30 

2.2 系统 触发 需 46 
2.3 小 缚 站 $51 
第 3 章 规则 Od 53 
3.1 设计 规则 TR EE ET 57 
3.1.1 生成 规则 和 60 

3.1.2 动词 与 名 词 和 64 

3.1.3 屏幕 与 状态 和 66 

3.1.4 约 东 条 件 和 68 

3.1.5 不 要 从 震 开 始 和 69 


vii 


3.1.6 ”理解 复杂 性 全 ee 72 
3.2 有限 的 选项 和 聪明 的 默认 项 站 74 
3.2.1 | 户 输入 








4.1 “反馈 阐释 规则 和 
4.1.1 以 人 为 本 
4.1.2 几 即 是 多 和 

4.2 反馈 体现 个 性 PR ER OO RRR 






























4.3 ”反馈 方法 ………… 
4.3.1 视觉 方法 和 
4.3.2 听觉 方法 和 
3 方法 
间 有 ”有 反 颁 的 鞠 风 sei 
4.5 
第 5 章 循环 与 模式 
3.1 
5.2 循环 125 
5.2.1 循环 分 类 126 
5.2.2 ”长 循环 和 128 
5.3 小 缚 4 133 
第 6 章 综合 实例 135 
6.1 例 1: 闹 铃 移动 应 用 
6.2 例 2: 在 线 共享 播放 列表 和 142 
63. 7 例 3 洲 砚 机 摊 制 面相 3 人 eee ee 145 
6.4 微 交 互 的 原型 与 文 本 和 149 
6.$ 编排 微 效 吾 和 151 
6.$.1 微 交 互 与 功能 ee 152 
6.5.2 ”改进 呆板 的 微 交互 154 
6.6 ”入 小 处 碘 155 
附录 测试 微 交 互 157 
关于 封面 163 




















一 次 在 巴西 举办 的 会 议 上 ， 我 知道 了 Dan Saffer 正在 研究 微 交互 
(microinteraction) 。 这 个 新 词 儿 一 下 子 把 我 给 吸引 住 了 。Dan 开场 先 
讲 了 一 个 在 交响 音乐 会 上 手机 闹 铃 的 故事 。 这 个 故事 让 我 意识 到 ， 关 
注 细 节 ， 就 是 关注 全 局 。 


接 下 来 ， 使 用 苹果 的 图 片 分 类 及 编辑 应 用 Aperture 的 挫折 经 历 ， 再 次 
让 我 体会 到 把 细 市 做 好 的 重要 性 。 当 时 ， 我 正 把 一 本 书 的 所 有 插图 往 
一 块 儿 和 弄 ， 突 然 电脑 死机 了 。 没 办 法 ， 只 能 重新 启动 。 重 启 之 后 再 打 
开 Aperture， 结 果 看 到 了 一 个 声明 ， 说 数据 已 经 损坏 ， 然 后 程序 就 自 
动 关闭 了 。 啊 ? 给 出 一 条 错误 消息 就 算 完事 啦 ， 为 什么 不 告诉 人 家 采 
取 什 么 措施 补救 我 该 怎么 办 ? 











我 搜索 Aperture 的 帮助 文件 ， 却 一 无 所 获 。 又 搜索 侠 果 网 站 ， 还 是 一 
无 所 获 。 我 最 担心 也 最 关心 的 问题 是 : 怎么 把 图 片 找 回来 ? 可 现实 是 
程序 已 经 无 法 启动 了 。 另 一 台电 脑 上 是 有 备份 ， 可 我 的 同步 程序 效率 
太 高 了 ， 被 破坏 的 文件 已 经 被 同步 到 了 那 台 电脑 上 。 


最 后 ， 历 尽 艰 辛 ， 我 总 算 在 网 上 找到 一 个 解决 方案 。 这 个 方案 的 来 源 
也 是 苹果 网 站 ， 而 且 格式 清晰 ， 指 令 明 确 。 按 照 这 个 说 明 ， 我 只 用 了 
15 分 钟 就 把 所 有 图 片 都 恢复 了 。( 注 意 ， 我 在 苹果 官网 上 没 找到 这 个 
方案 ， 是 有 人 在 某 讨 论 组 中 贴 过 这 么 一 个 指向 华 果 网 站 的 链接 。) 




















为 什么 要 提 这 件 事 呢 ? 因为 如 果 华 果 的 开发 人 员 看 过 这 本 书 ， 我 就 不 
会 那么 痛苦 了 。 微 交互 啊 ! 就 是 把 细节 做 好 。 


为 什么 那 条 错误 消息 里 不 给 出 解决 方案 及 对 问题 的 描述 ? 毕 竞 ， 人 苹果 
对 这 个 问题 是 有 非常 详尽 的 解决 方案 的 。 假 如 那 条 错误 消息 说 :“ 数 
据 库 损坏 了 。 要 解决 此 问题 ， 请 按 以 下 步 又 来 做 。” 然 后 在 消息 框 中 
给 出 一 个 按钮 ， 引 导 用 户 开始 按 步 操作 …… 苹 果 为 什么 没 这 么 做 ? 难 
道 负 责 开发 这 个 功能 的 程序 员 认 为 这 事 不 归 他 管 ， 还 是 说 这 些 程序 员 
是 维护 数据 库 的 ， 所 以 只 知道 出 了 问题 不 知道 如 何 解 决 ? 再 或 者 因为 
编写 错误 提示 的 人 压根 儿 就 不 知道 还 应 该 给 出 解决 方案 ?( 我 个 人 认为 
这 三 种 可 能 性 都 有 。) 不 管 什 么 原因 ， 结 果 都 是 用 户 体 验 不 好 。 这 个 
挫折 至 今 都 让 我 对 Aperture 敬而远之 ， 宁 可 找 其 他 代用 品 。 侠 果 不 可 
能 希望 自己 的 客户 都 这 样 。 如 果 他 们 能 看 看 这 本 书 就 好 了 。 


微 交 互 就 是 细节 吗 ? 一 点 没 错 ， 奥 秘 全 在 细 市 中 。 


“ 微 交 互 ” 中 的 “ 微 ” 表 明 要 关注 细节 。 细 节 ? 没 错 。 不 重要 ? 错 ! 
《 微 交 互 》 关 广 的 是 那些 至 关 重 要 的 细节 ， 它 决定 了 用 户 体验 是 友好 
的 ， 还 是 令 人 皱眉 的 。 正 如 Dan Saffer 在 前 言 中 指出 的 ， 设 计 师 倾向 
于 把 握 大 的 方向 。 这 种 感觉 非常 好 。 没 有 什么 问题 大 到 把 握 不 了 。 然 
而 ， 就 算 大 的 方向 没 错 ， 如 果 细 节 处 理 不 当 ， 那 结果 还 是 失败 。 别 忘 
了 ， 细 节 决 定 了 每 时 每 刻 的 体验 ! 正 是 这 写 厘 之 间 的 细节 ， 成 就 了 整 
个 产品 流畅 的 交互 体验 。 反 过 来 说 ， 恰 恰 是 对 这 些 细节 的 忽视 ， 导 致 
了 用 户 的 挫折 、 愤 把， 直至 对 产品 产生 强烈 的 厌恶 。 设 错 ， 大 方向 、 
爹 局 观 是 重要 ， 但 小 方向 、 细 市 观 同样 不 容 忽 视 。 是 否 关 注 细 市 决定 
产品 的 成 败 。 


实现 优秀 的 微 交 互 有 几 个 步骤 。 首 先 ， 对 有 些 程序 员 来 说 ， 就 是 要 搞 
清 状 况 。 为 此 ， 必 须要 有 极 强 的 观察 能 力 ， 看 看 别人 如 何 互 动 ， 再 看 
看 自己 的 交互 习惯 ， 找 到 突破 口 ， 从 逻辑 上 分 清 先 后 ， 再 决定 怎么 做 
最 恰当 。 观 察 什么 ”比如 错误 提示 ， 比 如 对 话 框 ， 它 们 都 会 呈现 出 一 
些 信息 ， 而 这 些 信息 通常 会 暗示 下 一 步 可 以 做 什么 。 那 么 ， 为 什么 不 
在 呈现 信息 这 一 步 就 包含 “下 一 步 ” 按 钮 呢 ? 
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要 想 设计 出 优秀 的 微 交 互 ， 就 要 了 解 产 品 的 最 终 用 户 ， 知 道 他 们 想 达 
成 什么 目的 ， 需 要 经 历 哪 些 步 又 。 还 要 求 理 解 不 同情 形 下 交互 的 操作 
环境 。 所 以 ， 对 用 户 的 移 情 或 者 同 理 心 ， 观 察 用 户 的 本 事 以 及 把 产品 
的 方方面面 〈 或 者 把 不 同 编程 团队 甚至 不 同 部 门 的 产 出 ) 融入 交互 细 
节 的 能 力 都 至 关 重 要 。 这 本 书 第 1 章 非常 清楚 地 介绍 了 做 到 这 一 切 的 
原则 。 遍 及 全 书 各 处 的 例子 也 折射 出 了 微 交 互 承 载 的 机 会 。 看 完 本 
书 ， 你 会 发 现 一 切 还 是 取决 于 你 自己 。 每 个 人 自己 的 观察 体悟 是 发 现 
新 的 微 交 互 机 会 的 源 扩 。 最 关键 的 是 ， 假 如 方案 要 求 跨 公 司 跨 部 门 协 
作 ， 千 万 不 要 像 苹果 的 开发 人 员 那 样 各 自 为 战 。 记 住 ， 为 用 户 考 虑 周 
详 才 是 伟大 产品 的 真 义 所 在 。 


让 微 交 互 赢得 用 户 的 第 二 步 就 是 实现 。 这 一 步 需要 雳 虑 诸多 设计 问 
题 : 触发 、 规 则 、 反 馈 、 循 环 ， 还 有 模式 。 这 些 本 书 都 一 一 给 出 了 精 
彩 的 诠释 。 


微 交 互 真 有 那么 重要 吗 ? 好 ， 我 再 给 你 讲 一 讲 我 最 近 花 了 不 少 钱 买 的 
一 辆 新 车 。 每 次 我 走 到 车 前 ， 提 住 门 把 手 ， 把 手 上 的 灯 就 会 亮 起 ， 车 
内 的 灯 也 会 打开 。 门 开 了 ， 我 坐 进 车 里 ， 座 椅 、 后 视 镜 会 自动 调 到 让 
我 感觉 舒适 的 位 置 ， 其 至 收音 机 都 调 到 了 我 喜欢 的 频道 。 打 开门 ， 我 
座位 上 的 灯 就 会 点 亮 。 我 的 乘客 打开 门 ， 相 应 座位 上 的 灯 也 会 点 亮 。 
要 是 我 和 妻子 轮流 开车 ， 每 次 换 人 ， 和 车 都 会 根据 我 们 各 自 的 偏好 重新 
设置 。 设 计 师 是 怎么 设计 出 这 一 系列 自动 控制 功能 的 ?他 们 怎么 知道 
该 控制 什么 ， 不 该 控制 什么 ?凭借 他 们 的 智慧 ， 这 才 有 了 智能 的 微 设 
计 。 这 些 都 是 细节 吗 ? 是 。 我 们 可 以 手工 完成 这 些 设置 吗 ? 可以。 但 
是 ， 当 车 子 主动 为 我 们 做 了 这 些 事 之 后 ， 坐 到 车 里 你 会 有 一 种 情 不 自 
禁 的 喜悦 ， 一 种 因为 拥有 这 样 的 车 而 产生 的 自豪 感 。 这 难道 不 是 所 有 
汽车 制造 商都 希望 自己 的 客户 能 体验 到 的 感觉 吗 ? 


为 细节 欢呼 吧 ， 要 知道 我 们 每 天 都 生活 在 细节 当中 。 我 们 不 必 再 为 下 
一 步 该 做 什么 而 浪费 分 分 秒 秒 ， 为 此 喝彩 吧 ， 跟 那些 粗 陋 的 过 渡 设 计 
说 再 见 。 为 Dan Saffer 和 他 的 这 本 书 叫 好 吧 ， 通 俗 易 懂 的 讲解 再 配 上 
丰富 的 示例 ， 简 直 无 敌 了 ! 我 自 认为 在 观察 人 们 与 技术 产品 交互 方面 
颇 有 心得 ， 但 读 了 这 本 书 之 后 ， 突 然 发 现 自己 的 能 力 又 增长 了 一 大 
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截 。 现 在 ， 我 更 加 关注 细节 ， 更 加 关注 被 忽视 的 机 会 。 我 也 知道 了 什 
么 产品 的 哪些 细节 做 得 好 。 知 道 好 与 不 好 ， 是 做 好 产品 的 第 一 步 。 


现在 轮 到 你 了 。 拿 出 行动 来 ， 去 征服 世界 吧 ! 让 我 们 的 生活 更 简单 ， 
更 丰富 多 彩 。 让 微 交 互 从 理论 付 诸 实 践 。 


唐 : 诺 曼 简 介 

唐 : 诺 曼 (Donald Arthur Norman)， 美 国 认 知 心理 学 家 、 美 国 计 算 
机 协会 会 士 、 工 业 设 计 家 ， 认 知 科 学 学 会 的 发 起 人 之 一 。 现 为 美国 西 
北大 学 计算 机 科学 系 和 心理 学 教授 ， 是 尼尔森 诺 曼 集团 (Nielsen 
Norman Group) 咨询 公司 的 创办 人 之 一 ， 曾 担任 苹果 公司 先进 技术 
部 副 总 裁 。1999 年 ，Upside 杂志 提名 诺 曼 博 士 为 世界 100 精英 之 一 。 
2002 年 ， 诺 曼 获 得 了 人 机 交互 专家 协会 (SIGCHI) 授予 的 终身 成 就 
奖 。2006 年 ， 他 获得 了 计算 机 和 认 知 科学 “富兰克林 奖章 ”。 
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本 书 主题 

开局 家 电 、 登 录 网 站 、 在 手机 应 用 里 查询 天 气 ， 这 些 都 是 微 交互 的 例 
子 。 微 交互 只 涉及 一 种 使 用 场景 ， 只 做 一 件 事 。 这 种 功能 本 身 就 可 以 
做 成 一 个 应 用 ， 也 可 以 只 是 某 应 用 众多 功能 中 的 一 个 。 真 正 优秀 的 微 
交互 高 效 、 顺 畅 、 时 尚 ， 而 且 处 处 体现 对 用 户 需求 和 意图 的 心 领 神 
会 。 一 个 深 受 喜爱 的 好 产品 和 一 个 让 人 觉得 凑合 用 的 一 般 产 品 ， 区 别 
往往 就 在 于 微 交 互 带 给 人 的 体验 。 本 书 的 目的 就 是 座 入 分 析 微 交互 ， 
帮助 读者 设计 出 优秀 的 产品 。 我 们 首先 会 介绍 微 交 互 的 模型 ， 然 后 逐 
章 详细 讨论 该 模型 的 一 个 方面 ， 力 求 揭示 出 每 一 种 微 交 互 最 优化 背后 
的 原理 。 如 此 一 来 ， 读 者 就 可 以 知道 从 哪些 地 方 着 手 改 进 自己 的 产 
品 ， 从 而 增加 用 户 知性 ， 塑 造 客户 (及 品牌 ) 忠诚 度 。 


2 

读者 对 象 

本 书写 给 那些 希望 把 产品 _ 特别 是 数字 化 产品 ， 做 得 更 出 色 的 人 。 
产品 经 理 、 设 计 师 、 程 序 员 、 研 究 人 员 、 评 论 家 和 公司 老总 都 是 本 
书 的 读者 对 象 ， 本 书 能 引发 你 的 思考 ， 提 高 你 的 品味 ， 增 强 你 的 竞 
委 力 . 


如 果 你 认为 某 个 小 功能 值得 实现 ， 它 能 让 产品 更 加 出 色 ， 并 为 此 想 说 
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服 自己 的 客户 、 开 发 人 员 、 产 品 或 项 目 经 理 ， 那 本 书 尤 其 适合 你 ! 现 
在 ， 这 个 小 功能 有 了 一 个 名 字 : 微 交 互 。 你 可 以 更 加 胸有成竹 地 据 理 
力争 了 。 


本 书 内 容 


这 是 一 本 小 书 ， 讨 论 因 小 见 大 的 小 功能 。 








。 第 1 章 设计 微 交互 
介绍 微 交互 的 概念 ， 解 释 为 什么 某 些 不 起 眼 的 地 方 那么 重要 。 这 一 
章 会 讨论 微 交 互 的 构成 ， 展 示 微 交互 要 遵循 的 总 原则 。 最 后 还 会 讨 
论 微 交互 与 项 目 集成 的 方式 方法 。 

。 第 2 章 触发 器 
介绍 触发 器 ， 也 就 是 发 起 微 交 互 的 装置 。 主 要 讨论 手工 触发 (用户 
启动 ) 和 系统 触发 ， 以 及 提前 展示 数据 等 规则 。 

。 第 3 章 规则 


讨论 影响 微 交 互 的 不 可 见 因素 ， 以 及 这 些 规则 的 由 来 、 贯 彻 方法 ， 
包括 不 要 从 零 开 始 。 





。 第 4 章 反馈 
讨论 正 反馈 ， 也 就 是 用 户 怎 么 理解 潜 规 则 。 有 三 种 反馈 形式 : 视 
觉 反 馈 、 听 觉 反馈 和 触觉 反馈 。 介 绍 以 人 为 本 和 使 用 被 人 忽视 的 
东西 作为 传达 信息 的 手段 等 原理 。 


。 第 5 章 循环 与 模式 
讨论 循环 与 模式 ， 即 微 交 互 中 “不 可 分 割 的 ”部 分 ， 包 括 不 同 的 模 
式 和 循环 ， 以 及 如 何 使 用 长 循环 。 


。 第 6 章 综合 实例 
综合 考虑 人 微 交 互 模型 的 各 个 方面 ， 设 计 三 个 微 交 互 示例 ， 一 个 针对 
移动 应 用 、 一 个 面向 在 线 应 用 ， 最 后 一 个 着 眼 于 家 电 。 这 一 章 也 将 
讨论 如 何 把 微 交互 组 织 起 来 构成 好 用 的 功能 。 
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。 附录 ”测试 微 交互 
介绍 微 交 互 功能 的 测试 流程 。 


本 书 宗旨 


过 去 的 十 儿 年 来 ， 设 计 师 一 直 被 鼓励 提出 宏大 的 思路 ， 解 决 “玉手 的 
问题 ”， 使 用 “设计 思维 ”解决 商业 和 政府 运作 中 的 系统 性 问题 。 没 
有 什么 问题 大 到 设计 工具 不 适用 ， 从 业务 流程 重组 到 城市 建设 规划 ， 
设计 重任 几乎 无 所 不 包 。 


设计 界 这 种 资源 投放 的 再 集中 会 导致 什么 结果 ， 现 在 还 不 清楚 。 但 着 
眼 于 如 此 宏大 的 规模 ， 往 往 会 导致 人 们 忽略 设计 中 的 一 个 重要 方面 : 
令 人 愉快 的 细 市 ! 我 们 喜爱 的 产品 都 关注 细 闻 ， 比 如 漂亮 迷人 的 曲 
线 ， 令 人 自信 的 点 击 ， 以 及 与 人 类 心智 模型 契合 的 体验 。 


本 书 要 讨论 另 一 种 思维 方式 : 撒 开 壮观 安 大 、 由 上 而 下 的 设计 ， 重 视 
自 底 向 上 、 精 心 构思 的 细节 。 这 些小 地 方 是 设计 师 最 擅长 的 地 方 ， 举 
手 之 劳 ， 就 能 立 杆 见 影 、 活 灵活 现 。 这 是 改变 世界 的 另 一 种 方式 : 在 
看 似 无 关 紧 要 的 时 刻 释 放 令 人 心动 的 体验 1 

漂亮 而 且 起 作用 的 细节 照样 带 给 人 快乐 。 这 种 快乐 既是 用 户 的 ， 也 是 
设计 师 的 ， 但 毋庸 置疑 这 需要 技能 、 时 间 和 思考 来 创造 。 这 事 可 不 简 
单 ， 做 好 了 照样 能 像 解 决 大 问题 一 样 流芳 百世 。 从 用 户 角度 想 一 想 ， 
谁 不 愿意 生活 里 有 更 多 的 乐趣 呢 ? 


排版 约定 
本 书 使 用 的 排版 约定 如 下 。 
。 楷体 
表示 新 的 术语 、 重 要 的 概念 等 。 


坦 < 


a、 | ”这 个 图 标 代表 小 穹 门 、 建 议 或 说 明 。 


es 


















































全 





图 标 代 表 警 告 信息 。 








使 用 代码 


本 书 就 是 要 帮 读 者 解决 实际 问题 的 。 也 许 你 需要 在 自己 的 程序 或 文档 
中 用 到 本 书 中 的 代码 。 除 非 大 段 大 段 地 使 用 ， 否 则 不 必 与 我 们 联系 取 
得 授权 。 因 此 ， 用 本 书 中 的 几 段 代码 写成 一 个 程序 不 用 向 我 们 申请 许 
可 。 但 是 销售 或 者 分 发 O'Reilly 图 书 随 附 的 代码 光盘 则 必须 事先 获得 
授权 。 引 用 书 中 的 代码 来 回答 问题 也 无 需 我 们 授权 。 将 大 段 的 示例 代 
码 整 合 到 你 自己 的 产品 文档 中 则 必须 经 过 许可 。 


使 用 我 们 的 代码 时 ， 和 希望 你 能 标明 它 的 出 处 。 出 处 一 般 要 包含 书 名 、 作 
者 、 出 版 商 和 书号 ， 例 如 : Microinteractions by Dan Saffer (O’Reilly). 
Copyright 2013 Dan Saffer, 978-1-449-34268-5。 
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议 计 微 交 互 





“天 下 没有 大 作品 。” 
一 一 维 克 多 ， 帕 帕 奈 克 (Victor Papanek) 


乐队 指挥 中 止 了 演奏 ， 观 众 席 爆 发 出 一 阵 阵 的 怒吼 。 纽 约 爱 乐 乐团 已 
经 演奏 到 了 马 勒 《第 九 交 响 曲 》 最 后 那 舒缓 、 沉 宁 的 慢 板 。 为 欣赏 这 
场 音乐 会 ， 很 多 观众 不 惜 重金 ， 儿 百 美元 买 一 张 票 。 一 个 多 小 时 的 乐 
曲 接近 尾声 ， 观 众 全 神 贯 注 地 聆听 着 这 首 曲子 最 安静 、 最 庄严 的 时 刻 。 


就 在 此 时 ， 出 状况 了 。 前 排 某 位 观众 那儿 传 来 iPhone 手机 的 “ 马 林 巴 
卫 ” 铃 声 ， 就 是 那 种 叮 叮 吃 吃 的 高 调 木 琴 的 声 啊 ， 而 且 一 遍 又 一 遍 ， 
反复 不 停 。 这 是 手机 闸 铃 响 了 。 过 了 一 会 儿 ， 没 有 停 。 又 过 了 一 会 
儿 ， 还 没有 停 。 乐 队 指 挥 Alan Gilbert 示意 停止 演奏 ， 但 闸 铃 仍然 响 
个 不 停 。 现 场 开 始 有 观众 大 骂 那 个 拿手 机 的 人 。 后 来 乐团 年 长 的 管理 
者 称 ， 这 个 人 是 “赞助 商 X ， 而 且 还 是 一 个 长 期 赞助 交响 乐团 的 人 。 
纽约 爱 乐 的 主场 地 ， 林 肯 表 演艺 术 中 心 艾 弗 里 费 雪 厅 ， 本 来 是 要 迎 
来 一 片 平 静 和 安宁 的 ， 结 果 却 变 得 人 声 易 阐 ， 加 声 四 起 。 


2012 年 1 月 的 《纽约 时 报 》 报道， 赞助 商 X 一 天 前 刚 换 了 手机 ， 他 











注 1: 2012 年 1 月 12 日 《纽约 时 报 》，Daniel J. Wakin: “Ringing Finally Ended, but There’s 
No Button to Stop Shame”( 闸 铃 不 响 了 ， 脸 也 丢 尽 了 )。 


们 公司 把 他 原来 使 用 的 黑莓 换 成 了 iPhone。 演出 开始 前 ， 他 把 手机 调 
成 了 静音 ,但 他 不 知道 Phone 的 闹 铃 在 静音 模式 下 也 会 响 。 因 此 在 闸 
铃 响起 时 ， 甚 至 在 令 人 难以 忍受 地 响 了 很 长 时 间 后 ， 他 都 没 意 识 到 是 
自己 的 让 hone 在 响 。 而 当 他 意识 到 是 自己 的 手机 并 关 掉 闸 铃 时 ， 已 经 
太 晚 了 ， 整 个 演出 都 被 搞 砸 了 。 


第 二 天 ， 消 息 传 开 ，3 引 | 发 了 互联 网 上 很 多 人 的 批评 ， 有 人 也 在 拿 这 件 
事 找 乐 。 作 曲 家 Daniel Dorff 发 推 文 说 :“ 为 防 万 一 ， 我 把 手机 铃声 改 
成 了 马 勒 《第 九 》。” 很 多 博客 也 就 此 事 发 表意 见 ， 其 中 有 些 人 赞成 要 
静音 ， 就 禁止 一 切 响 声 。 比 如 在 2012 年 1 月 份 的 一 篇 文章 “Daring 
Fireball: On the Behavior of the iPhone Mute Switch” (关于 iPhone 静音 
开关 的 行为 ) 中， 技术 专栏 作家 Andy Ihnatko 写 道 :“ 我 认为 ， 与 其 让 
设备 错误 的 决定 招致 难堪 ， 还 不 如 自己 千 傻 事 儿 造成 难堪 更 好 些 。 


还 有 一 些 人 则 认为 ， 就 算 静 音 ， 闸 铃 该 响 还 是 要 响 (我 认为 这 是 对 
的 )。 正 如 苹果 专家 John Gruber 指出 的 (http://t.cn/zQHeaA6) :“ 如 
果 静 音 开关 禁止 一 切 响声 ， 那 么 每 天 都 将 有 上 千 人 睡 过 头 ， 因 为 他 们 
进入 梦乡 的 时 候 ， 可 能 意识 不 到 手机 处 于 静音 模式 。” 
































苹果 的 10S Human Interface Guidelines (http://t.cn/apfYql1) 也 说 明了 
为 什么 静音 要 这 样 处 理 : 


例如 ， 用 户 在 剧院 中 要 把 设备 切换 成 静音 模式 ， 以 免 打扰 其 
他 观众 。 此 时 ， 用 户 仍然 希望 能 在 设备 上 使 用 应 用 ， 只 是 不 
想 被 意外 或 没有 明确 要 求 的 声音 (比如 响 铃 或 短信 提示 音 ) 
惊扰 。 

响 铃 /静音 (或 静音 ) 开关 不 会 禁止 用 户 专门 或 明确 要 求 产生 
的 声音 。 

换 句 话说 ， 手 机 静音 不 会 禁止 那些 用 户 特别 要 求 发 出 的 声音 ， 而 只 会 

禁止 非 用 户主 观 意愿 下 发 出 的 声音 (比如 短信 提示 音 、 来 电 铃声 ) 。 

这 就 是 规则 。 与 很 多 规则 一 样 ， 它 并 不 为 人 所 知 ， 而 且 除了 开关 上 橙 

色 的 标记 之 外 ， 屏 幕 上 也 没有 任何 指示 说 明 铃声 关闭 了 。 假 如 苹果 原 

来 规定 了 不 同 的 规则 ， 即 静音 就 禁止 设备 发 出 所 有 声音 ， 那 么 还 得 为 
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此 规定 其 他 规则 和 反馈 机 制 。 亲 伶 不 响 了 那 手机 振动 吗 ? 手机 处 于 静 
音 模 式 时 ， 需 要 某 种 提醒 装置 吗 ， 比 如 唤醒 手机 时 在 屏幕 上 显示 一 个 
图 标 ， 或 者 点 亮 一 个 硬件 的 小 LED 指示 灯 ? 设计 手机 静音 的 方式 大 
多 了 。 


手机 静音 就 是 微 交 互 的 一 个 例子 。 微 交互 ， 就 是 产品 中 涉及 一 种 使 用 
场景 的 交互 ， 只 体现 为 一 种 功能 ， 只 完成 一 件 事 (图 1-1 展示 了 一 个 
例子 )。 微 交互 可 以 是 启动 应 用 ， 也 可 以 启动 设备 ,但 更 常见 的 则 是 
伴随 或 内 置 于 另 一 个 更 大 的 功能 。 微 交互 只 需 瞬间 ， 可 能 没 人 注意 ， 
甚至 没 人 知道 ， 也 可 能 妙趣 横生 ， 令 人 愉快 。 修 改 设置 、 同 步 数据 或 
设备 、 设 定 闹钟 、 更 换 密码 、 打 开 家 用 电器 、 登 录 、 设 置 状态 消息 、 
收藏 或 标注 “喜欢 ”…… 都 是 微 交 互 。 我 们 随身 携带 的 设备 里 ， 家 里 
的 各 种 电器 内 ， 手 机 或 电脑 的 应 用 中 ， 乃 至 我 们 每 天 工作 生活 的 环境 
中 ， 到 处 都 可 以 发 现 微 交互 。 














;Before we post this, who are you? 
星 Guest Your email 
Google Your name 

EE) Twitter 
Facebook 


口 Subscribe to all comments by email 
| Yahoo 


Post comment | 


ds OpenID 














图 1-1: 常见 的 微 交 互 : 登录 。 社 交 网 站 Disqus 的 登录 表单 能 根据 你 的 电子 
邮件 猜测 你 的 名 字 ( 蒙 Jakob Skjerning 和 “Little Big Details” 惠 允 使 用 ) 
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微 交 互 就 是 产品 中 这 种 通过 交互 来 实现 功能 的 细 闻 ， 而 正如 Charles 
Eames 的 名 言 * 所 说 ， 细 节 不 仅仅 是 细节 ， 而 是 设计 。 细 布 可 以 让 用 
户 更 方便 、 更 愉快 地 使 用 产品 ， 尽 管 人 们 事后 不 会 记得 它们 。 有 些微 
交互 实际 上 或 者 事实 上 是 看 不 见 的 ， 也 不 太 可 能 成 为 你 购买 一 款 产品 
的 理由 。 相 反 ， 它 们 通常 都 是 一 些 零 零碎 碎 的 功能 ， 或 者 正式 一 点 
说 ， 属 于 支持 性 或 所 谓 的 “完整 性 ”功能 。 比 如 说 ， 人 们 不 可 能 因为 
一 款 手 机 的 静音 功能 而 购买 它 ， 但 这 个 功能 却 是 必需 的 。 而 且 ， 诸 如 
此 类 的 微 交 互 带 给 用 户 的 体验 却 千差万别 ， 有 的 很 好 ， 有 的 很 差 。 有 
些微 交互 设计 得 很 难 用 ， 有 些 根 本 没 人 知道 或 者 让 人 想 不 起 来 ， 最 好 
的 微 交 互 都 是 吸引 人 而 又 聪明 乖巧 的 。 本 书 要 讨论 的 就 是 最 后 一 类 ， 
即 怎么 设计 出 最 好 的 微 交 互 。 


“赞助 商 X” 是 因 微 交互 而 声名 远 播 的 一 个 例子 ， 但 这 样 的 例子 并 不 
多 。 正 如 “赞助 商 X ”一样 ， 尽 管 我 们 每 天 都 生活 在 各 种 微 交 互 中 ， 
但 往往 只 有 在 它们 给 我 们 带 来 麻烦 之 后 ， 我 们 才 会 注意 它们 。 然 而 ， 
无 论 多 么 不 起 上 腿 ， 多 么 难 发 现 ， 微 交互 却 是 至 关 重 要 的 。 想 想 看 ， 你 
喜欢 某 个 产品 或 讨厌 某 个 产品 ， 往 往 就 是 因为 这 些 产品 中 的 某 些 细 
市 。 好 的 微 交 互 能 让 我 们 的 生活 更 加 便捷 、 更 有 乐趣 。 这 就 是 本 书 要 
讨论 的 主题 ， 怎么 设计 好 微 交 互 ? 









































这 一 章 会 告诉 大 家 怎么 区 分 什么 是 功能 ， 什 么 是 微 交 互 ， 顺 便 简 单 
介绍 一 下 微 交 互 的 渊源 。 然 后 开始 讨论 微 交 互 的 结构 ， 也 就 是 本 书 
的 结构 。 作 为 一 个 模型 ， 它 为 我 们 讨论 和 分 析 微 交互 的 各 个 方面 ， 
进而 设计 好 自己 的 微 交 互 提供 了 参照 。 最 后 ， 我 们 会 谈 一 谈 微 交 互 
的 设计 流程 。 


1.1 微 交 互 不 是 功能 ， 但 很 重要 
微观 交互 与 宏观 功能 完美 契合 是 最 强大 的 。 用 户 体验 设计 的 本 质 就 在 


于 此 : 既 要 关注 细节 ， 又 要 关注 大 局 ， 只 有 这 样 用 户 才 能 获得 最 好 的 
体验 ( 见 图 1-2 ) 。 




























































































注 2: 见 100 Quotes by Charles Eames, Charles Eames (Eames Office, 2007) 。 
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Password | | 6 characters or more (be tricky!) 
Password | ee | Too short 

Password | eeeeee | Too obvious 

Password | eeeeeeeee | gf Weak 

Password | eeeeeeeeeeee | Y Good 

Password 人 | w Strong 

Password seeeeeeeeeeeeeeeeeee| WY Very Strong 

















图 1-2: Twitter 的 密码 选择 表单 就 是 微 交 互 的 一 个 典型 范例 ， 反 馈 消息 清楚 
明白 ( 蒙 “Little Big Details” 惠 允 使 用 ) 


微 交 互 与 功能 的 区 别 ， 主 要 在 于 规模 和 范围 。 功 能 一 般 都 比较 复杂 
(多 种 用 途 ) ， 需 要 花 较 多 时 间 熟 悉 ， 而 且 涉 及 认 知 的 塑造 。 微 交互 一 
般 都 简单 明了 ， 认 知 上 毫 无 压力 〈 见 图 1-3)。 比 如 ， 音 乐 播放 器 就 是 
功能 ， 而 调整 音量 则 是 这 个 功能 中 的 一 个 微 交互 。 





iz people like this. 
Diogo Belém Take a picture 
3 minutes ago . Like 
最 Tiago Lessa casa em londres, casa em madrid... tou a ver q 


p6 ano vou poupar bastante em alojamento internacional 
haha 


See Translation 


about a minute ago . Like 


Write a comment... 











图 1-3: 如 果 有 人 在 你 的 Facebook 主页 上 用 非 默 认 语 言 发 表 了 评论 ， 
Facebook 会 显示 “See Translation” (查看 翻译 ) 链接 ( 蒙 Marina Janeiko 
和 “Little Big Details” 惠 允 使 用 ) 


微 交 互 适合 如 下 应 用 场景 : 
二 只 完成 一 项 任务 ; 
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。 连接 不 同 的 设备 ， 

。 只 影响 一 个 数据 ， 比 如 股票 价格 或 温度 
。 控制 正在 进行 的 过 程 ， 比 如 切换 电视 频道 ， 
。 调整 某 项 设置 ， 

。 查看 或 创建 一 小 部 分 内 容 ， 比 如 状态 消息 ，; 
。 打开 或 关闭 某 个 功能 。 











微 交互 不 容 小 视 

微 交 互 可 以 是 产品 的 组 成 部 分 ， 也 可 以 是 整个 产品 。 以 烤 面 包机 为 
例 ， 它 只 做 烤 面包 这 一 件 事 。 烤 面包 机 只 有 一 个 使 用 场景 把 面团 放 
进去 并 按 局 动 开关 。 然 后 ， 烤 面包 机 就 开始 烤 面 包 。 烤 好 之 后 ， 仓 门 
打开 。 仅 此 而 已 。 当 然 ， 现 在 有 的 机 器 有 了 新 的 烘 烤 目标 〈 比 如 烤 百 
吉 饼 ) 。 不 过 从 本 质 上 说 ， 这 种 设备 就 只 是 一 个 微 交 互 。 


类 似 地 ， 小 应 用 也 可 以 只 是 一 个 微 交 互 。 数 以 千 计 的 小 应 用 《包括 桌 
面 和 移动 设备 中 的 应 用 ) 都 只 专注 于 做 一 件 事 ， 有 的 是 转换 温度 〈 比 
如 图 1-4 所 示 的 Convertbot) ， 有 的 是 计算 器 ， 有 的 则 显示 天 气 预报 。 


























48 kg 
105.8219 














图 1-4: Tapbot 的 Convertbot 是 基于 一 个 微 交 互 构建 的 应 用 ， 它 只 专注 于 把 
一 个 值 转换 成 另 一 个 值 
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微 交 互 经 常 是 在 设计 和 开发 产品 的 最 后 阶段 才 被 考虑 的 事情 ， 因 此 往 
往 不 受 重视 。 但 忽视 微 交 互 是 个 错误 。 最 早 的 Android 手机 (G1) 之 
所 以 让 人 觉得 像 个 半成品 ， 原 因 就 在 于 微 交 互 做 得 很 差劲 ， 跟 iPhone 
简直 无 法 相提并论 。 比 如 ， 有 很 多 不 一 致 的 方式 可 以 触发 删除 操作 ， 
此 外 在 某 些 应 用 中 按 搜索 键 没有 任何 反应 。 如 果 微 交 互 设计 得 很 差 
劲 ， 那 么 无 论 主 功能 如 何 完美 ， 使 用 该 功能 的 过 程 都 是 让 人 难以 忍受 
的 。 产 品 设计 得 好 坏 ， 取 决 于 产品 中 最 小 的 那 一 部 分 设计 得 如 何 。 


再 想 一 想 ， 几 乎 所 有 操作 系统 ， 包 括 桌 面 操作 系统 和 移动 操作 系统 ， 
实际 上 都 在 做 同样 的 事情 : 安装 和 启动 应 用 程序 、 管 理 文件 、 连 接 软 
件 和 硬件 、 管 理 打开 的 应 用 程序 和 窗口 ， 等 等 。 但 操作 系统 之 间 的 差 
别 ， 至 少 从 用 户 和 角度 来 讲 ， 则 体现 在 你 每 天 甚至 每 小 时 都 要 与 之 接触 
的 微 交 互 上 ( 见 图 1-5 和 图 1-6) 。 

















类 类 加 第 回回 曙 8 :会 9%6% 加 Sun3:45PM Q :三 











图 1-5: 本 书 作 者 OS X 中 的 菜单 栏 ， 这 些 图 标 中 的 任何 一 个 都 对 应 着 一 个 微 交互 





chrome ~ ~ jX 





Submit a Littie Big Detail 


17th January 2011 


PD 4notes 


C Permalink 


ss BB ow -> 














图 1-6: 在 网 页 中 搜索 某 个 词 时 ，Chrome 会 在 滚动 条 中 显示 目标 词 所 在 的 位 
置 ( 蒙 Saul Cozens 和 “Little Big Details” 惠 允 使 用 ) 


当然 ， 有 些 功 能 的 确 是 特别 有 用 或 者 特别 强大 的 〈 或 者 受到 知识 产权 
法 的 特别 保护 )， 以 至 于 微 交 互 显 得 并 不 重要 。 很 多 医疗 设备 就 是 典 
型 的 例子 ， 就 像 大 多 数 技术 刚刚 诞生 时 一 样 ， 人 们 更 多 关注 的 是 这 些 








设计 微 交互 | 7 


技术 能 做 什么 ， 而 不 是 怎么 做 。 比 如 2002 年 上 市 的 第 一 代 “ 重 姆 巴 ” 
(Roomba ) 家 庭 保洁 机 器 人 既 不 会 计算 房间 大 小 ， 也 不 能 检测 障碍 物 
和 脏 物 ， 但 无 论 如 何 它 在 当时 都 是 新 奇 的 技术 。 而 后 来 的 机 型 (特别 
是 在 市 场 上 有 了 竞争 产品 后 的 机 型 ) 则 越 来 越 专注 于 人 类 和 机 器 人 的 
微 交 互 。 


在 竞争 激烈 的 市 场 环境 下 ， 微 交互 显得 格外 重要 。 如 果 产 品 的 功能 
似 ， 那 只 能 靠 使 用 产品 的 体验 来 扩大 销量 并 提升 品牌 的 忠诚 度 。 而 
产品 的 整体 体验 严重 依赖 于 微 交 互 。 微 交互 是 产品 观感 中 的 “ 感 ”。 
Google+ 与 Facebook 相 比 ， 之 所 以 让 人 觉得 单薄 乏味 ， 追 根 究 底 在 于 
其 微 交 互 不 够 好 。 比 如 把 用 户 归 入 圈子 , 一 开始 还 让 人 觉得 有 点 意思 ， 
时 间 一 长 就 变 得 特别 无 聊 和 小 儿科 。 


另外 一 个 重视 微 交 互 的 原因 ， 就 是 在 如 今 多 平台 共存 的 生活 环境 下 ， 
微 交互 起 到 了 至 关 重 要 的 连接 作用 。 微 交互 可 以 把 多 个 移动 设备 、 电 
视 、 桌 面 电脑 、 笔 记 本 电脑 、 家 用 电器 ， 以 及 Web 应 用 中 的 功能 连接 
在 一 起 。 虽 然 这 些微 交互 可 能 因 平台 而 有 所 不 同 ， 但 它们 体积 小 巧 ， 
因此 可 以 保持 某 种 一 致 性 ， 而 大 型 的 功能 却 做 不 到 这 一 点 。 特 别 是 家 
用 电器 和 移动 设备 ， 它 们 的 小 屏幕 (或 根本 没有 屏幕 ) 看 起 来 就 像 是 
专门 为 微 交 互 量 身 打造 的 一 样 。 小 巧 的 微 交 互 完美 契合 小 设备 。 就 拿 
Twitter 来 说 吧 。Twitter 本 身 就 构建 于 一 个 微 交 互 : 发 送 140 字 以 内 
的 短信 。 而 用 户 几 乎 可 以 通过 任何 设备 、 在 任何 地 方 来 做 这 件 事 。 有 
些 实体 甚至 可 以 独立 地 发 推 文 ， 或 者 代表 我 们 发 。Twitter 可 以 用 来 传 
播 八卦 新 闻 ， 也 可 以 成 为 引导 革命 的 消息 平台 。 设 计 良 好 的 微 交 互 能 
够 完美 地 适合 各 种 平台 ， 适 应 数 百 万 用 户 ( 见 图 1-7)。 




















and we'll get back to you real 
iuUre YOU get Our response Office hours 


Monday through Friday 
9am-7pm Easterm Time 


Right now it is 5:40pm at the office. 











图 1-7: 贴心 的 微 消息 。 在 Harvest 网 站 上 寻求 帮助 时 ， 你 会 在 他 们 的 公布 办 
公 时 间 旁 边 看 到 当地 目前 是 几 点 钟 ( 蒙 Nicolas Bouliane 惠 允 使 用 ) 
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微 交 互 也 完美 契合 我 们 拥挤 、 复 杂 、 碎 片 化 的 生活 。 我 们 需要 甚至 乐 
于 快速 浏览 数据 ， 在 餐馆 迅速 签到 、 在 地 铁 上 随意 评论 。( 休闲 游 
戏 ” 这 个 类 别 实 际 上 就 代表 着 一 类 专门 针对 娱乐 的 微 交 互 。) 


微 交 互 强 迫 设 计 师 简化 工作 、 注 重 细节 ， 要 求 设计 师 比 拼 谁 的 设计 更 
轻巧 、 更 简明 、 更 流畅 ， 而 不 是 更 笨重 ( 见 图 1-8) 。 











ES 
DU 











图 1-8: 在 Microsoft Office 中 ,文本 旋转 之 后 ， 相 关 的 格式 按钮 也 会 随 之 旋 
转 ( 蒙 “Little Big Details” 惠 人 允 使 用 ) 


1.2 微 交 互 秘史 

1974 年 ， 一 位 年 轻 的 工程 师 Larry Tesler 在 为 Xerox Alto 计算 机 开发 
一 个 名 为 Gypsy 的 应 用 程序 。Gypsy 属于 第 一 代 文 字 处 理 程序 ， 在 它 
之 前 则 是 具有 开创 意义 的 Bravo。Bravo 是 第 一 个 真正 “所 见 即 所 得 ” 
的 文字 处 理 程序 ， 也 是 第 一 个 具有 更 改 字 体 功 能 的 程序 。 虽 然 都 是 文 
字 处 理 程序 ， 但 Gypsy 却 很 不 一 样 ， 因 为 它 使 用 了 鼠标 和 图 形 用 户 界 
面 (GUI)。Larry 的 任务 是 减少 界面 中 的 感觉 体 (modality )， 以 便 用 户 
不 必 切 换 到 其 他 模式 去 执行 操作 。 此 后 数 十 年 ，Larry 一 直 为 这 个 目 
标 而 奔走 呼号 。 你 看 ， 他 的 网 站 是 http://www.nomodes.com，Twitter 是 
@nomodes， 就 连 他 的 汽车 牌照 也 是 NOMODES (http://t.cn/zQHeT28)。 
Larry 希望 用 户 在 按 下 字母 键 时 ， 总 能 在 屏幕 上 看 到 相应 的 字母 以 文 
本 形式 显示 出 来 一 一 这 对 文字 处 理 程序 而 言 ， 可 不 算是 过 分 的 要 求 。 
但 Bravo 就 做 不 到 这 一 点 。 在 Bravo 中 ， 用 户 只 能 在 特定 的 模式 下 输 
入 文本 ， 而 在 这 个 模式 之 外 ， 敲 击 键盘 会 触发 其 他 某 种 功能 。 

把 文本 从 文档 的 一 个 部 分 移动 到 另 一 个 部 分 也 是 文字 处 理 程序 的 功 
能 。 在 Bravo 中 ( 见 图 1-9)， 用 户 必须 先 选择 目标 ， 然 后 按 “I” 或 
“R” 键 进入“ 插入” 或“ 替换” 模式， 再 查找 并 选择 要 移动 的 文 
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本 ， 最 后 按 Esc 键 执行 复制 *。Larry 想 出 了 一 个 更 好 的 办 法 来 执行 这 
种 操作 ， 他 的 方案 不 仅 利 用 了 鼠标 ， 而 且 大 大 简化 了 整个 微 交 互 。 在 
Gypsy 中 ， 用 户 可 以 选择 一 段 文本 ， 然 后 按 “ 复 制 ” 功 能 键 ， 选 择 目 
标 ， 最 后 再 按 “ 粘 贴 ” 功 能 键 。 不 需要 模式 。 剪 切 和 粘贴 就 此 诞生 。 

















图 1-9: Bravo 的 “屏幕 截图 ”( 宝 丽 莱 照片 ) 。 通 过 下 方 的 窗口 在 上 方 窗 口中 
生成 表单 ( 蒙 DigiBarn Computer Museum 惠 允 使 用 )“ 





注 3: 详 见 Bravo Course Outline (作者 Suzan Jerome，Xerox 公司 1976 出 版 ) 。 
注 4: 此 处 翻译 参考 了 如 下 链接 : http://www.digibarn.com/collections/systems/xerox-alto/。 





交互 设计 以 及 人 机 交互 的 历史 ， 实 际 上 就 是 微 交 互 的 历史 。 今 天 ， 我 
们 在 桌面 和 笔记 本 电脑 中 、 在 移动 设备 中 习以为常 的 那些 交互 方式 ， 
都 曾 引 发 过 微 交 互 设计 的 革命 。 无 论 是 保存 文档 ， 还 是 把 文件 拖 放 到 
文件 夹 ， 还 是 连接 到 Wi-Fi 网 络 ， 都 曾经 是 精心 设计 的 微 交互 。 就 连 
滚动 和 打开 多 个 窗口 这 么 “基本 的 ”交互 方式 ， 也 都 要 经 过 设计 。 技 
术 在 快速 发 展 ， 不 断 对 微 交互 提出 创新 的 要 求 。 用 户 习 惯 了 拿 来 就 
用 ， 他 们 只 会 关注 更 好 的 交互 方式 ， 或 者 是 那些 由 于 技术 发 展 催生 的 
或 强制 必须 使 用 的 微 交 互 方式 。 


没 错 ， 技 术 不 断 发 展 ， 支 持 这 些 技术 实现 的 微 交互 同样 也 在 不 断 发 
展 。 以 滚动 为 例 ，Bravo 最 早 支 持 一 种 原始 的 滚动 机 制 ， 但 直到 Alan 
Kay、Adele Goldberg 和 Dan Ingalls 在 Xerox PARC 的 另 一 个 产品 
SmallTalk 中 引入 深 动 条 才 算 基本 成 熟 ， 时 间 大 约 在 1973 年 到 1976 
年 之 间 。SmallTalk 支持 的 滚动 更 加 平滑 ， 可 以 一 个 像素 一 个 像素 地 
滚动 ， 而 不 是 只 能 一 行 一 行 地 滚动 。( 这 是 PARC 当时 给 史 蒂 夫 ' 乔 
布 斯 以 及 他 带 来 的 工程 师 演 示 的 一 个 著名 的 功能 ， 后 来 苹果 在 Lisa 以 
及 Mac 中 都 内 置 了 这 个 功能 ， 参 见 图 1-10。) “ 


随 着 文档 变 长 ， 滚 动 条 上 会 增加 一 个 箭头 图 标 ， 点 击 可 以 直接 跳 转 到 
文档 底部 。 此 外 ， 还 会 出 现 一 个 提示 条 ， 告 诉 你 当前 在 文档 中 的 什么 
位 置 。 真 正 的 变化 开始 于 触 控 板 和 移动 设备 中 的 触摸 屏 技 术 。 你 现在 
是 不 是 通过 手指 请 上 请 下 来 滚动 界面 ? 苹果 公司 在 发 布 iPhone 之 后 ， 
为 了 让 笔记 本 电脑 和 移动 设备 统一 成 “自然 滚动 "， 从 OS X Lion 开 
始 改变 了 滚动 方向 《从 上 到 下 )。( 可 以 读 一 读 Michael Agger 在 Slate 
杂志 上 发 表 的 文章 “Apple's Mousetrap: Why did Apple reverse the 
way we scroll up and down?”， 链 接 为 ，http://slate.me/10nnZN8。) 苹 
果 还 不 惜 引 发 众 经 地 隐藏 了 深 动 条 ， 只 在 滚动 过 程 中 或 者 在 光标 靠近 
可 滚动 窗口 右边 界 时 才 显 示 它 。 这 些 都 推动 了 微 交 互 向 前 发 展 。 



































注 5: 参见 Michael A. Hiltzik 所 著 的 Dealers of Lightning: Xerox P4RC and the Dawn of 
the Computer Age (HarperBusiness，2005 ) 。 
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图 1-10: 苹果 1982 年 发 布 的 Lisa 个 人 电脑 推出 了 一 系列 (从 市 场 角度 说 ) 
“新 ”的 微 交 互 (来 源 : Lisa Graphical User Interface Gallery Guidebook) 


微 交 互 并 不 局 限于 数字 产品 。 实 际 上 ， 微 交互 起 源 于 第 一 代 电 子 设 
备 ， 比 如 收音 机 (1893 年 )、 手 电筒 〈1986 年 ) 和 洗衣 机 (1900 年 )。 
正 像 设计 师 Bil DeRouchey 在 他 的 演讲 “The History of The Button” 
中 指出 的 ， 在 (电子 机 械 出 现 之 前 的 ) 机 械 时 代 ， 用 户 可 以 直接 跟踪 
自己 的 操作 并 看 到 结果 。 比 如 ， 拉 动 控制 杆 ， 可 以 看 到 齿轮 转动 ， 齿 
轮转 动 又 带动 车 轮转 动 。 输 入 和 输出 的 关联 很 直观 。 电 子 技术 的 应 用 
改变 了 一 切 。 按 一 下 墙 上 的 按钮 ， 房 间 另 一 边 的 灯 应 声 点 亮 。 没 错 ， 
反馈 是 实时 的 ， 但 实现 方法 却 不 是 。 正 如 DeRouchey 在 “The History 
of the Button”(http://slidesha.re/1049o01K) 中 所 说 :“ 按 钮 是 一 个 标 
志 ， 标志 着 人 类 动作 的 结果 第 一 次 完全 不 同 于 引发 这 个 结果 的 动作 。” 
动作 变 得 抽象 起 来 了 。 


进入 数字 时 代 ， 特 别 是 GUI 出 现 之 前 ， 动 作 甚至 更 加 抽象 。 插 入 一 县 
穿孔 卡片 ， 或 者 拨 动 一 排 开关 ， 产 生 的 结果 几乎 无 法 预知 。 终 于 有 一 
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天 ，GUI 诞 生 了 ， 微 交互 得 以 简化 。 但 是 ， 摩 尔 定 律 (处理 器 速度 每 
18 个 月 增长 一 倍 ) 、 库 米 定 律 〈 硬 件 的 耗 电量 每 18 个 月 降低 50% )、 
克 莱 德 定律 〈 存 储 空间 呈 指 数 级 增长 ) ， 以 及 越 来 越 快 的 网 速 和 越 来 
越 便利 的 网 络 接 入 (先是 局 域 网 ， 后 有 无 线 网 络 ， 包 括 无 线 局 域 网 和 
移动 无 线 网 )， 都 对 更 多 的 微 交 互 提 出 了 需求 ， 而 这 些微 交互 涉及 的 
控制 操作 远 比 开 灯 抽象 得 多 。 比 如 在 设备 之 间 同 步 数 据 ， 这 个 概念 本 
身 就 是 抽象 的 ， 现 实 当 中 没有 什么 对 应 的 类 比 。 


输入 方法 同样 大 大 改变 了 微 交 互 。 按 键 、 开 关 、 键 盘 、 鼠 标 ， 这 些 传 
统 的 物理 装置 可 以 触发 微 交 互 ;， 触摸 屏 、 传 感 器 、 语 音 和 手势 ， 这 
些 新 兴 的 交互 手段 同样 可 以 触发 微 交 互 。 回 首 不 远 的 过 去 ， 我 们 与 
身边 环境 交互 的 唯一 方式 只 有 通过 物理 装置 手工 调整 它 。 从 1956 年 
Robert Adler 发 明 Zenith Space Commander， 即 第 一 个 电视 遥控 器 起 ， 
这 种 局 面 被 彻底 打破 〈( 见 图 1-11)， 人 类 有 史 以 来 第 一 次 可 以 不 通过 
接触 就 能 控制 物体 。 



































图 1-11: 遥控 飞机 、 遥 控 轮船 早 就 有 了 (主要 是 军用 ) ， 但 让 遥控 器 走 进 普 通 
家 庭 的 则 是 Space Commander 电视 ( 蒙 Peter Ha 惠 允 使 用 ) 


今天 ， 要 触发 一 次 微 交 互 ， 甚 至 不 必 在 同一 个 房间 。 只 要 使 用 适当 的 
设备 ， 你 可 以 在 地 球 的 另 一 边 调整 自己 家 里 的 温度 〈 见 图 1-12)。 再 
比如 ， 到 了 合适 的 地 点 ， 进 入 某 个 街区 ， 你 的 手机 就 可 以 提醒 你 该 做 
什么 ， 或 者 你 的 GPS 设备 就 可 以 告诉 你 在 哪里 往 左 拐 。 在 公共 洗手 











设计 微 交互 | 13 


间 ， 只 要 把 手 伸 进 洗手 了 地， 水 龙头 就 会 喷 出 水 来 。 你 可 以 让 自己 的 手 
机 在 附近 找 一 家 餐馆 ， 可 以 在 触摸 屏 上 清 动 手指 显示 出 一 个 搜索 条 ， 
可 以 在 柜台 上 按 一 下 手机 买 杯 咖啡 。 这 样 的 例子 太 多 了 。 








HA Nest 


IN 20 MIN 














图 1-12: Nest Learning Thermostat (学 习 型 恒温 器 ) 通过 距离 传感器 感知 
有 人 进入 房间 ， 然 后 开 灯 并 显示 温度 ， 让 人 无 需 触 碰 ， 一 目 了 然 ( 蒙 Nest 惠 
允 使 用 ) 


技术 发 展 史 的 背景 隐藏 着 微 交 互 的 发 展 史 。 微 交互 与 技术 之 间 的 关系 
就 像 共 生生 物 ， 它 与 技术 相伴 而 生 ， 如 影 随 形 ， 但 却 能 影响 、 管 理 和 
控制 技术 。 


1.3 微 交 互 的 结构 


有 效 的 微 交 互 不 仅 表 现在 大 小 上 ， 更 表现 在 它们 的 构成 上 。 一 个 设计 
完善 的 微 交 互 必须 适当 地 处 理 四 个 不 同 的 部 分 ， 接 下 来 我 们 会 依次 讨 
论 ( 见 图 1-13)。 
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循环 与 模式 











图 1-13: 微 交 互 的 结构 


这 四 个 部 分 是 设计 和 分 解 微 交互 的 一 种 方式 : 触发 器 启动 微 交 互 、 规 
则 规定 微 交 互 的 工作 过 程 、 反 馈 向 用 户 说 明 规则 、 循 环 与 模式 是 影响 
微 交 互 的 元 规则 。 


任何 微 交 互 的 第 一 部 分 都 是 触发 器 。 对 于 关闭 iPhone 的 铃声 而 言 ， 触 
发 器 是 由 用 户 拨 动 的 ， 也 就 是 说 用 户 必 须要 做 点 什么 (在 这 里 就 是 拨 
动 开关 ) 才能 开始 微 交 互 。 因 此 ， 很 多 微 交 互 都 始 于 对 用 户 需 求 的 理 
解 : 用 户 想 要 做 什么 ， 什 么 时 候 会 这 么 想 ， 有 多 频繁 。 es。 
了 触发 器 的 使 用 情境 、 操 作 方 式 和 存在 时 间 。 以 手机 静音 为 例 ， 
任何 时 候 都 有 可 能 想 要 关闭 铃声 ， 而 且 是 快速 关闭 。 因 此 ， Md 
( 响 铃 /静音 开关 ) 必须 随时 待命 ， 无 论 当 前 运行 着 什么 应 用 ， 都 需要 
能 够 立即 打开 或 关闭 声音 。 这 个 功能 实在 太 重 要 了 ， 因 此 iPhone 仅 有 
的 5 个 物理 按键 中 就 有 一 个 专门 用 作 静 音 的 触发 器 。 控 件 ， 无 论 数 字 
的 还 是 物理 的 ， 都 是 用 户 启动 的 触发 器 中 最 重要 的 组 成 部 分 ， 它 不 仅 
能 让 用 户 发 起 微 交互 (有 时 候 还 能 让 用 户 在 过 程 中 调整 微 交互 )， 而 
且 通 常 还 能 从 视觉 上 表明 微 交 互 还 在 持续 〈 见 图 1-14)。 如 果 iPhone 
没有 铃声 开启 /关闭 开关 ， 尽 管 你 想 要 这 个 功能 ， 也 不 知道 去 哪里 找 。 
在 很 多 老 款 手 机 (甚至 今天 的 很 多 手机 ) 中 ， 静音 控件 都 被 层 层 掩 埋 
在 了 设置 菜单 里 。 就 算 用 户 知道 到 哪里 去 设置 ， 打 开 或 关闭 铃声 都 需 
要 多 达 10 秒 钟 时 间 。 而 拨 动物 理 开关 则 只 需 不 到 1 秒 钟 。 


当然 ， 物 理 控 件 不 一 定 非 得 是 开关 。 尽 管 总 能 评 出 最 佳 设计 方案 ， 但 
再 好 的 设计 也 能 换 种 思路 重新 再 设计 一 次 。 在 Windows Phone 中 ， 静 
音 触 发 器 就 是 一 个 可 以 按 下 的 摇 杆 按钮 (也 用 于 控制 音量 )。 按 下 这 
个 按钮 ， 屏 幕 上 会 显示 一 个 覆盖 层 ， 让 用 户 选 择 响 铃 状态 是 “振动 ” 
还 是 “ 响 铃 + 振动 ”。 
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图 1-14: 触发 器 的 例子 .在 iOS (以 及 Windows Mobile) 中 ， 手 机 锁 屏 时 
也 可 以 使 用 相机 。 按 一 下 相机 图 标 ， 底 部 的 滑动 条 就 会 向 上 抬 起 一 段 距 离 ， 
表示 向 上 滑动 可 以 触发 相机 。 当 然 ， 滑 动 解锁 也 可 以 


而 且 ， 触 发 器 也 不 一 定 由 用 户 启动 。 如 果 设 备 或 应 用 检测 到 某 些 条 
件 ， 同 样 可 以 由 系统 启动 触发 器 ， 从 而 开始 一 次 微 交 互 。 这 种 系统 启 
动 的 触发 器 越 来 越 多 。 触 发 条 件 多 种 多 样 ， 比 如 收 到 新 邮件 、 到 了 预 
定时 间 ， 或 者 股票 价格 、 用 户 位 置 变动 ， 等 等 。 比 如 手机 静音 ， 让 手 
机 与 日 程 关联 可 以 使 它 在 开会 的 时 候 自动 静音 。 或 者 与 位 置 关联 ， 让 
它 在 你 进入 电影 院 或 音乐 厅 时 自动 静音 。 随 着 应 用 和 设备 的 感应 范围 
越 来 越 广泛 、 环 境 感 知 能 力 越 来 越 强 ， 让 它 自 己 做 决定 的 机 会 就 越 来 
越 多 。 












































就 算 不 是 所 有 用 户 都 愿意 了 解 能 够 启动 触发 器 的 各 种 手机 元 件 ， 至 少 
他 们 愿意 了 解 这 些 功能 的 运作 方式 。 就 像 “ 赞 助 商 X ”一样 ， 他 可 能 
就 想 知道 自己 的 手机 静音 之 后 到 底 会 怎么 样 。 换 名 话说， 用 户 需 要 了 
解 微 交 互 的 规则 。 





微 交 互 被 局 动 之 后 ， 就 会 引发 一 系列 行为 。 换 名 话说 ， 总 会 发 生 一 些 
人 LL 图 1-15)。 通 常 ， 这 意味 着 要 开始 某 种 功能 或 者 交互 ， 而 视 

上 只 会 看 到 应 用 或 设备 的 当前 状态 。 微 交互 此 时 或 许 会 根据 数据 来 
靖 训 用 户 想 韦 什么。 无 沧 如 条， 此 四部 入 有 条 规则 起 作用 ， 而 这 些 
规则 通常 是 由 设计 师 规 定 的 。 




















图 1-15: 规则 的 示例 。 使 用 音乐 流 播放 服务 Spotify 并 在 另 一 个 平台 打开 它 ， 
先前 打开 的 Spotify 应 用 会 暂停 。 如 果 恢 复 第 一 个 实例 的 播放 状态 ， 另 一 个 平 
台 上 的 实例 就 会 暂停 。 这 样 就 形成 了 非常 一 致 的 跨 平台 的 体验 ( 蒙 Sebastian 
Hall 惠 允 使 用 ) 


就 拿 目 前 最 简单 的 微 交 互 一 一 开 灯 来 说 ， 只 要 一 按 下 触发 器 〈 开 关 )， 灯 
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就 会 打开 。 对 简单 的 照明 系统 而 言 ， 此 时 只 有 一 条 规则 : 按 下 开关 ， 开 
灯 。 如 果 增 加 一 个 调 光 器 或 运动 检测 器 〈 在 检测 到 没有 运动 的 物体 时 关 
闭 开关 )， 就 可 以 修改 这 条 规则 。 但 “ 按 下 开关 就 可 以 开 灯 ”这 条 规则 实 
在 太 简单 了 ， 简 单 到 就 连 一 个 孩子 都 知道 怎么 开 灯 。 


如 果 是 应 用 程序 或 者 电子 数字 设备 ， 那 么 就 算是 很 小 的 微 交 互 ， 其 规 
则 都 要 微妙 得 多 ， 而 且 也 更 不 容易 理解 。 比 如 “赞助 商 X”， 他 由 于 
不 了 解 自己 手机 静音 的 规则 而 导致 了 交响 乐 演出 意外 终止 ， 如 果 他 能 
得 到 反馈 就 好 了 〈 接 下 来 我 们 会 讲 反 馈 ) ， 因 为 规则 本 身 是 看 不 见 的 。 
与 19 世纪 的 机 械 设备 不 同 ,今天 的 用 户 通常 都 看 不 到 触发 器 启动 之 
后 的 过 程 。( 这 个 “特性 ”被 黑客 无 数 次 地 利用 ， 从 而 让 受害 者 在 不 
知情 的 情况 下 把 病毒 安装 到 自己 的 计算 机 上 。) 





a 第 3 章 将 介绍 规则 。 





在 使 用 数字 设备 时 ， 我 们 看 到 和 听 到 的 都 很 抽象 。 只 有 极 少数 用 户 知 
道 自己 在 使 用 软件 和 设备 时 到 底 发 生 了 什么 。 比 如 说 ， 你 根本 就 没有 
把 “文件 ” 放 到 过 “文件 夹 ” 里 ， 而 你 的 “邮箱 ”里 也 从 来 没有 收 到 
过 “邮件 ”"。 这 些 词 不 过 是 比喻 ， 都 是 为 了 让 用 户 理解 交互 过 程 才 发 
明 的 。 你 所 看 到 、 听 到 或 感受 到 的 能 够 帮助 你 理解 系统 规则 的 东西 ， 
就 是 反馈 ， 也 就 是 微 交 互 的 第 三 部 分 。 


反馈 的 形式 可 以 多 种 多 样 ， 比 如 可 以 是 视觉 上 的 ， 可 以 是 听觉 上 的 ， 
也 可 以 是 触觉 上 的 (振动 )。 有 时 候 ， 反 馈 会 很 突出 也 很 明显 ， 比 如 
拨 动 开关 时 亮 起 的 灯光 ， 有 时候， 反馈 会 很 微妙 也 很 难 发 现 ， 比 如 邮 
件 应 用 或 移动 应 用 中 的 “未 读 ” 图 标 ， 有 时候， 在 使 用 导航 仪 做 好 路 
线 规划 后 ， 它 会 通过 语音 明确 告诉 你 什么 时 候 转弯 ， 有 时 候 ， 在 某 种 
复杂 的 情况 下 ， 内 烁 的 LED 灯光 又 容易 让 人 误解 ， 有 时 候 ， 口 袋 里 的 
手机 在 收 到 短信 时 ， 会 像 放屁 一 样 “ 哎 ” 地 一 响 ， 引 来 别人 异样 的 目 
光 ， 有 时 候 ， 数 字 屏 打开 时 的 声音 又 像 是 “窃窃 私语 ”。 反 馈 最 重要 
的 是 与 动作 相配 ， 尽 可 能 以 最 合适 的 方式 传达 信息 。 
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在 关闭 手机 铃声 的 例子 中 ， 让 手机 静音 有 两 个 反馈 : 一 是 开关 在 被 打 
开 和 关闭 时 ， 屏 幕 上 会 短暂 显示 一 个 覆盖 层 ， 二 是 手机 在 静音 状态 下 ， 
开关 上 会 显示 栖 色 的 细 条 。 而 根本 看 不 见 的 ， 同 时 也 让 “赞助 商 X” 
频 面 和 地 的 ， 则 是 铃声 虽然 关闭 ， 但 设 定 的 闹 铃 照样 会 响 。 屏 幕 上 也 
没有 任何 提示 (除了 只 会 显示 儿 秒 钟 的 覆盖 层 之 外 ) 说 明 铃 声 已 经 关 
闭 。 这 些 都 是 设计 权衡 的 结果 。 


et ee 实际 上 ， 可 以 说 反 
馈 (连同 整个 外 观 一 起 ) 完全 决定 了 产品 的 个 性 。 


有 反馈 不 局 限于 图 片 、 声 音 和 振动 ， 还 可 以 是 动画 ( 见 图 1-16)。 微 交 
互 该 如 何 出 现 又 如 何 消失 ?物体 移动 时 会 怎么 样 : 它 跑 得 有 多 快 ? 物 
体 移动 的 方向 有 意义 吗 ? 

















Process My Order! 








| Process My Order! 





SOGss My Order 











图 1-16: 反馈 的 例子 。 在 Coda2 中 ,“Process My Order”( 提 交 订 单 ) 按 
钮 会 在 被 按 下 时 变 成 进度 条 。 不 过 ， 按 钮 文本 应 该 依次 变 成 “Processing 
Order”( 正 在 提交 订单 ) 和 “Order Processed!”( 订 单 提交 完毕 ! ) ( 蒙 
Christophe Hermann 和 “Little Big Details” 惠 允 使 用 ) 


反馈 也 可 以 有 自己 的 规则 ， 比 如 什么 时 候 出 现 ， 如 何 改变 颜色 ， 如 何 
在 用 户 旋转 手中 的 平板 电脑 时 ) 旋转 屏幕 。 这 些 规则 本 身 也 可 以 发 
展 成 微 交 互 ， 因 为 用 户 可 能 希望 手工 设置 它们 。 


一 、 





Ee 

, 
何必 
[NA 

四 


第 4 章 将 介绍 反馈 
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微 交 互 的 最 后 一 部 分 是 循环 与 模式 ， 它 们 构成 了 元 规则 。 微 交互 随 着 
时 间 推 移 会 怎么 样 : 交互 状态 要 等 到 手工 关闭 才 结 束 〈 就 像 啊 铃 / 静 
音 开关 那样 )， 还 是 说 等 一 小 会 儿 就 退出 交互 状态 ?有 事件 打 断 交互 
时 或 者 条 件 变化 时 又 会 怎么 样 ? 图 1-17 展示 了 一 个 例子 。 











ltem 


New other (see details) 
condition 


Quantity: 7 5 available / 60 sold 


Add tp. wateh list | | 











图 1-17; 循环 的 例子 。 在 eBay 上 ， 如 果 你 曾经 买 过 相同 的 商品 ， 购 买 按 
钮 就 会 由 “Buy it now”( 马 上 购买 ) 变 成 “Buy another”( 再 次 购买 ) ( 蒙 
Jason Seney 和 “Little Big Details” 惠 允 使 用 ) 


有 些微 交互 会 包含 不 同 的 模式 (尽管 通常 不 太 受 欢迎 )。 例 如 一 个 天 
气 应 用 ， 其 主 (默认 ) 模式 就 是 显示 天 气 ， 但 用 户 有 可 能 必须 要 进入 
另外 一 个 模式 ， 才 能 输入 地 名 查看 某 地 天 气 。 


4、| 。 第 5 章 将 讨论 循环 与 模式 。 





1.4 微 交 互 的 设计 理念 

把 微 交 互 集成 到 产品 中 有 三 种 方式 。 第 一 种 方式 是 逐个 设计 微 交 互 。 在 
设计 产品 的 过 程 中 ， 或 者 在 简化 既 有 产品 时 ， 尽 量 找 出 所 有 可 能 的 微 交 
互 。 列 一 个 微 交 互 的 单子 ， 然 后 各 个 击破 。 针 对 每 个 微 交 互 ， 按 照 本 书 
已 经 介绍 的 结构 周密 考虑 ， 和 争取 让 每 个 部 分 都 有 上 佳 表现 。 最 终 你 会 得 
到 一 流 的 微 交 互 ， 可 能 还 会 创造 出 标志 性 时 刻 (Signature Moments)。 


标志 性 时 刻 就 是 那些 成 为 产品 差异 化 标志 的 微 交 互 。 一 个 自 定义 的 触发 
器 控件 〈 比 如 iPod 早期 版 本 中 的 滚动 轮 ) 或 者 一 段 漂亮 的 “加 载 中 ……” 
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动画 或 者 一 种 好 听 的 声音 〈 您 有 新 的 邮件 ， 请 注意 查收 ! “)， 都 可 以 像 
功能 一 样 加 以 宣传 和 和 营销 ， 而 且 可 以 跨 平台 使 用 ， 或 者 在 同一 品牌 下 不 
同 的 产品 中 使 用 。 这 种 标志 性 时 刻 有 助 于 提升 客户 忠诚 度 和 品牌 差异 化 。 
就 像 Facebook 的 “Like” 按 钮 ， 已 经 成 为 其 品牌 不 可 分 割 的 一 部 分 。 


各 个 击破 方式 的 挑战 在 于 如 何 限定 每 个 微 交 互 的 范围 。 有 一 种 将 微 交 
互 转换 成 功能 的 趋势 ， 和 毕竟 大 多 数 设 计 师 对 设计 功能 都 很 熟悉 。 我 们 
都 恨不得 抓 住 一 些 大 问题 ， 把 一 切 都 解决 掉 。 微 交互 就 是 在 限定 条 件 
下 做 设计 的 实践 ， 而 且 要 尽 可 能 做 小 。 应 该 明确 各 种 约束 条 件 ， 专 注 
于 把 一 件 事 件 做 好 。 极 简 主 义 建筑 大 师 密斯 . 几 德 罗 (Mies van der 
Rohe) 的 名 言 “ 少 即 是 多 ”， 也 应 该 成 为 微 交互 设计 师 的 座右铭 。 


第 二 种 看 待 微 交互 的 方式 ， 是 把 复杂 的 应 用 程序 简化 为 个 别 的 产品 ， 
每 个 产品 构建 于 一 个 微 交互 之 上 。 这 是 一 种 把 微 交 互 作为 产品 的 策略 ， 
即 让 产品 专注 于 一 件 事 ， 而 且 把 这 件 事 做 好 。 把 产品 简化 到 极 至 ， 尽 
显 佛 性 (Buddha nature) 。 如 果 你 觉得 需要 给 产品 增加 另 一 个 功能 ， 那 
另 一 个 功能 本 身 就 该 做 成 一 个 产品 。 很 多 家 电 、 应 用 和 设备 ， 包 括 早 
期 的 iPod， 都 遵循 这 个 理念 。 这 也 是 很 多 创业 公司 〈 至 少 是 创业 之 初 ) 
的 理念 ， 比 如 Instagram 和 Nest: 他 们 都 坚持 把 一 件 事 做 好 。 这 种 
“最 小 化 的 可 行 产 品 ” 可 能 就 是 一 种 微 交 互 。 这 种 方式 可 以 保证 和 驱使 
你 从 根本 上 简化 产品 ， 让 你 能 够 对 任何 增加 功能 的 声音 说 不 。 当 然 ， 
坚守 这 种 理念 不 容易 ， 特 别 是 在 那些 喜欢 满足 用 户 一 切 需 求 的 公司 里 ， 
就 更 难 了 。 想 象 一 下 : 你 该 怎么 把 Microsoft Word 简化 成 一 个 个 单独 
的 产品 ? 实际 上 ， 很 多 竞争 性 产品 正在 这 么 做 。 比 如 ，WriteApp 只 负 
责 写 ， 别 除了 文字 处 理 程序 的 大 多 数 功 能 ， 最 后 只 专注 于 写 ， 只 为 写 
作者 服务 。Evernote 最 初 也 源 自 一 个 简单 的 微 交 互 : 跨 平 台 记 事 。 


还 有 第 三 种 看 待 微 交互 的 方式 ， 那 就 是 把 最 复杂 的 数字 产品 艇 开 抒 
碎 ， 发 现 它 由 几 十 其 至 几 百 个 微 交 互 构成 。 可 以 把 产品 当成 所 有 这 些 
微 交 互 和 谐 共处 的 结果 。 这 也 是 Charles Eames 说 细节 是 设计 的 真正 
含义 。 一切 都 是 细节 ， 一切 都 是 微 交互 。 微 交互 就 是 取悦 于 人 的 机 
会 ， 微 交互 就 是 给 用 户 惊喜 的 机 会 。 正 如 德国 著名 工业 设计 师 迪 特 ， 
拉 姆 斯 (Dieter Rams) 所 说 : 
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在 我 内 心 深 处 ,永远 有 一 块 地 方 为 细节 而 保留 。 我 认为 细节 

比 蓝图 更 重要 。 没 有 细节 ， 一 切 臂 空谈。 细节 是 本 质 ， 是 评 

价 质 量 的 标准 。” 
简 言 之 ， 把 每 个 功能 性 的 细节 都 看 成 一 个 微 交互 ， 把 整个 产品 看 成 一 
整套 微 交 互 的 集合 。 这 种 方式 下 的 产品 设计 之 美 ， 在 于 它 反 映 了 很 多 
公司 都 大 力 倡 导 的 小 型 化 、 敏 捷 式 的 工作 方法 ( 见 图 1-18)。 当 然 ， 
缺点 就 是 可 能 会 迷失 在 微 交 互 中 ， 只 见 树木 而 不 见 森 林 ， 最 终 导致 所 
有 细节 不 能 构成 一 个 整体 。 这 种 工作 方式 需要 更 多 时 间 和 努力 。 

















图 1-18: 无 论 是 以 标准 模式 (“Plain”) 还 是 卫星 模式 (“Satellite”) 查看 谷歌 
地 图 ， 用 于 切换 视图 的 部 件 都 会 显示 相应 区 域 的 地 图 ， 而 且 显 示 的 是 当前 视图 
背后 的 另 一 个 视图 的 预览 ( 蒙 Hugo Bouquard 和 “Little Big Details” 惠 人 允 使 用 ) 





注 6: 出 自 Dieter Rams 与 Rido Busse 的 对 话 (1980)，Design: Dieter Rams (1981) 中 
也 有 记载 。 








对 于 那些 以 快速 完工 而 著称 的 公司 来 说 ， 这 条 路 并 不 容易 走 通 。 说 实 
话 ， 这 种 方式 对 任何 设计 师 也 同样 都 是 挑战 ， 因 为 客户 和 干系 人 会 更 
关注 全 局 ， 而 不 是 那些 能 够 增强 功能 或 改进 全 局 体验 的 小 细节 。 没 
错 ， 很 难 有 足够 的 时 间 让 你 专注 于 微 交 互 。 要 说 服 业 务 和 开发 团队 ， 
让 他 们 认可 在 微 交互 设计 上 多 花 时 间 可 不 容易 。 对 设计 和 开发 而 言 ， 
这 就 意味 着 延长 工期 。 但 这 时 间 确 实 值得 花 。 


“赞助 商 X” 那 令 人 惩 众 的 故事 提醒 我 们 微 交 互 很 重要 ， 而 设计 师 
的 任务 就 是 把 它们 设计 好 ， 否 则 就 会 给 用 户 带 来 挫折 和 困难 。Larry 
Tesler 在 想 明白 可 以 更 好 地 在 文档 内 移动 文本 时 也 知道 了 这 一 点 ， 因 
此 剪 切 和 粘贴 才 得 以 诞生 。 微 交互 可 以 让 世界 变 得 更 好 ， 每 次 只 改变 
一 点 点 。 所 有 改变 都 始 于 触发 器 。 








1.5 小结 

微 交互 就 是 产品 那些 功能 性 的 细节 。 专 注 于 微 交互 是 创建 优秀 用 户 体 
验 的 必由之路 。 

说 起 微 交互 的 历史 ， 可 以 追溯 到 第 一 台电 子 设备 。 当 前 数字 产品 很 多 
约定 俗 成 的 交互 标准 ， 都 曾 是 微 交 互 领域 革命 的 战果 。 

一 个 微 交 互 由 四 个 部 分 构成 : 触发 器 启动 微 交互 、 规 则 规定 微 交互 如 
何 起 作用 、 反 馈 传 达 规 则 信息 ， 而 循环 和 模式 构成 微 交互 的 元 规则 。 

有 三 种 看 待 微 交 互 的 方式 ;找到 它们 并 各 个 击破 、 把 复杂 的 功能 简化 
为 基本 的 微 交互 ， 以 及 把 每 个 功能 当 作 一 组 相互 联系 的 微 交 互 。 
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触发 器 








20 世纪 90 年 代 ， 纽 约 市 公共 运输 局 开始 在 公交 车 和 地 铁 中 推行 
MetroCard (交通 卡 )， 取 代 自 1904 年 实行 的 代 币 付费 制度 。 当 时 纽 
约 市 公交 地 铁 系统 每 日 运送 乘客 700 万 人 次 ， 而 MetroCard 就 是 一 张 
注 薄 的 像 名 片 一 样 的 塑料 卡片 。 主 管 部 门 认为 ， 分布 在 5 个 区 的 几 百 
台 自 动 售 货 机 可 以 满足 乘客 购买 和 充值 的 需要 。 但 这 件 事 没有 想象 的 
那么 顺利 。 纽 约 市 常住 人 口 超过 800 万 ， 还 有 数 千 万 人 居住 在 三 州 交 
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界 区 。 根 据 纽约 市 城市 规划 局 的 报告 ，2000 年 纽约 常住 人 口中 有 36% 
是 国外 出 生 的 。 由 于 不 说 英语 的 人 很 多 ，2002 年 的 小 语种 杂志 和 报纸 
就 有 40 种 "“。 此 外 ， 还 有 几 万 人 有 视力 障碍 、 行 动 不 便 ， 识 字 很 少 或 
根本 不 识字 ， 当 然 其 中 有 些 人 兼 具 几 种 特征 。 据 官方 报告 ， 纽 约 市 每 
年 有 3500 多 万 名 游客 〈 某 些 年 份 达到 过 5000 万 ) ， 其 中 相当 一 部 分 
人 会 选择 地 铁 出 行 ， 而 这 些 人 里 只 有 少数 熟悉 地 铁 线路 ， 或 者 知道 怎 
么 购买 MetroCard。 事 实 上， 纽约 大 都 会 运输 署 (MTA，Metropolitan 
Transit Authority) 曾经 针对 MetroCard 售卖 机 做 过 调研 ， 用 户 认 为 其 
外 形 难看 ， 而 且 操 作 界面 也 不 好 理解 。 











设计 师 Masamichi Udagawa、Sigi Moeslinger， 还 有 他 们 在 Antenna 设 
计 公司 的 团队 接受 了 这 一 挑战 ， 担 负 起 设计 MetroCard 售 卡 机 的 任务 。 


正如 Moeslinger 后 来 提 到 的 “， 她 们 必须 排除 用 户 有 使 用 触摸 屏 自 
动 终端 的 经 验 。 那 是 90 年 代 中 期 ， 服 务 业 之 外 的 人 很 少 有 机 会 使 用 
触摸 屏 〈 当 时 的 触摸 屏 一 般 在 酒吧 或 快餐 店 柜台 )， 只 有 一 个 例外 : 
ATM 机 ， 也 就 是 银行 的 自动 取款 机 。 设 计 师 假设 用 户 至 少 都 应 该 用 
过 ATM 机 ， 但 后 来 才 知 道 也 不 是 那么 回 事 。 当 时 ， 纽 约 公 交 系 统 的 
乘客 中 有 50% 的 人 根本 没有 银行 账号 ， 自 然 就 没有 ATM 卡 。 这 些 人 
很 可 能 怎么 也 不 会 适应 MetroCard 售 卡 机 。“ 触 摸 屏 对 这 些 人 来 说 是 
不 可 想象 的 。” Moeslinger 说 。 仅 仅 是 让 这 几 百 万 人 了 解 和 使 用 这 种 新 
机 器 就 是 一 个 难题 。 











Antenna 决定 让 这 种 机 器 的 每 个 屏幕 只 做 一 件 事 。“ 它 模拟 对 话 框 ， 每 
个 屏幕 只 问 一 个 问题 。”Moeslinger 说 。( 换 句 话 说， 她们 把 每 个 屏幕 
都 当成 了 一 个 微 交 互 。) 纽约 大 都 会 运输 署 认为 这 样 做 有 问题 ， 因 为 
会 导致 每 次 交易 时 间 太 长 。 数 百 万 人 使 用 这 种 机 器 ， 每 个 人 多 耽搁 几 
秒 钟 就 会 导致 运输 公司 和 乘客 们 抱 忽 。 但 不 这 样 做 恰恰 更 会 导致 这 个 
问题 。“ 与 交易 过 程 中 显示 屏幕 的 数量 相 比 ， 能 否 让 乘客 快速 地 理解 
屏幕 信息 对 交易 速度 的 影响 更 大 。” 














注 1: 参见 2002 年 7 月 10 日 Editor & Puplisher 的 文章 “Ethnic Press Booms In New York City”。 
注 2: 完整 的 内 容 请 见 她 2008 年 在 Interaction08 上 的 演讲 “Intervention-Interaction”。 
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Antenna 研究 了 两 种 交互 模型 。 一 种 是 先 放 钱 ， 再 选择 做 什么 〈 类 似 





自动 售 货 机 ) ， 另 一 种 是 先 选择 做 什么 ， 然 后 再 放 钱 





。 用 户 更 偏向 第 


二 种 ， 而 真正 的 问题 在 于 怎么 让 用 户 上 和 手 使 用 这 种 新 机 器 。 


她 们 的 方式 是 把 整 块 触摸 屏 做 成 一 个 巨大 的 触发 器 ( 见 图 2-1)。 第 1 
章 提 到 过 ， 触 发 器 指 的 就 是 启动 微 交 互 的 物理 或 数字 控件 。 在 这 个 例 
子 中 ， 整 个 空闲 屏幕 (每 次 交易 完成 后 或 者 机 器 空 闪 时 显示 的 屏幕 ) 
变 成 了 一 个 巨大 的 行动 召唤 〈call to action) : 按 一 下 开始 。 如 图 2-1 
所 示 ，Antenna 去 掉 了 屏幕 上 一 切花 里 胡 哨 的 东西 ， 只 专注 于 吸引 用 




















户 看 到 触发 器 。 单 词 “start” 出 现 三 次 ， 而 “touch” 
动画 也 指向 “Start” 按 钮 。 但 实际 上 ， 整 个 屏幕 都 是 




















出 现 两 次 。 手 指 
触发 器 。 不 管 你 





按 哪 里 ， 都 可 以 马上 开始 使 用 机 器 。 Start ”按钮 只 是 一 个 视觉 提示 ， 
或 者 一 个 人 造 的 功能 点 (affordance)， 为 的 只 是 让 人 知道 “ 按 ” 屏 幕 
可 以 启动 (实际 上 只 需要 轻 轻 碰 一 下 )。 虽 然 表 面 上 看 只 有 按钮 是 触 
发 器 ， 但 实际 上 整个 屏幕 都 布 满 了 触发 器 。 这 个 为 应 对 巨大 挑战 而 提 





出 的 解决 方案 非常 经 典 ， 一 直 治 用 十 多 年 。 




















2-1: MetroCard 售 卡 机 的 空闲 屏幕 。Antenna 设计 公司 有 意 强调 屏幕 上 的 
触发 器 ， 但 跟 表面 上 看 起 来 不 一 样 的 是 ， 并 非 只 有 右上 角 的 按钮 才 是 触发 器 ， 


实际 上 整个 屏幕 都 是 ( 蒙 Antenna Design 惠 允 使 用 ) 
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MetroCard 售 卡 机 引入 了 第 一 条 关于 触发 器 的 规则 : 触发 器 必须 让 用 
户 在 使 用 情境 下 认 出 来 其 是 触发 器 。 触 发 器 可 以 是 物理 的 控件 ， 也 可 
以 是 像 MetroCard 售 卡 机 上 的 假 “Start” 按 钮 一 样 的 按钮 图 像 ， 或 者 
是 任务 栏 、 菜 单 栏 中 的 一 个 图 标 。 要 把 它 设计 得 让 人 一 看 就 知道 能 通 
过 它 做 什么 ， 而 且 要 吸引 人 。 虽 然 大 多 数 微 交 互 都 没有 必要 弄 一 个 发 
光 的 手指 指向 开始 按钮 ， 但 在 其 使 用 情境 下 ， 这 种 触发 器 是 有 用 的 ， 
而 且 非 常 有 效 。 


2.1 手动 触发 器 


微 交 互 从 哪里 开始 呢 ? 通常 都 是 从 用 户 打 开设 备 或 启动 应 用 时 最 先 磁 
到 的 东西 开始 。 最 早 的 触发 器 是 有 开 和 关 两 个 状态 的 开关 (以 及 功能 
等 价 的 数字 化 界面 控件 )。 开 关 和 MetroCard 售 卡 机 的 “Start” 屏 幕 
一 样 ， 都 是 手动 触发 器。( 稍 后 我 们 介绍 由 系统 发 起 的 自动 触发 器 。) 


手动 触发 器 通常 源 自 用 户 的 期 待 或 需求 :“ 我 想 打 开 电 视 。“ 我 想 
关 折 手机 铃声 。“ 我 得 把 这 一 段 文 字 从 一 个 地 方 移动 到 另 一 个 地 
方 。“ 我 想 买 一 张 MetroCard。” 从 总 体 来 看 ， 理 解 用 户 想 要 〈 或 需 
要 ) 做 什么 、 什 么 时 候 想 做 ， 以 及 在 什么 情境 下 想 做 是 非常 重要 的 。 
这 些 问 题 决 定 了 手动 触发 器 在 什么 时 候 、 什 么 地 方 出 现 。 或 许 任何 情 
况 下 都 必须 可 用 ， 比 如 开关 按钮 ， 或许 跟 使 用 情境 紧密 相关 ， 只 有 各 
种 条 件 具 备 的 时 候 ， 比 如 进入 特定 的 模式 或 者 进入 应 用 的 特殊 功能 区 
域 时 才 出 现 。Microsoft Office 的 “迷你 格式 化 工具 条 ”只 在 你 选中 文 
本 时 才 会 出 现 。 理 解 用 户 需求 的 方式 有 很 多 ,借助 设计 研究 (观察 、 
访问 、 演 习 ) 或 凭借 对 相关 领域 的 直觉 和 理解 去 体察 是 常见 的 方式 ， 
而 等 到 产品 测试 、 产 品 发 布 或 上 市 时 再 认识 到 用 户 需求 就 为 时 已 晚 。 
所 以 ， 让 触发 器 的 位 置 跟 用 户 需求 〈 何 时 、 何 地 ) 相 吻 合 是 非常 关键 
的 。( 参 见 2.1.2 市 的 “手动 触发 器 要 引 人 注 目 ”,) 
































x 














触发 器 的 第 二 条 规则 : 保证 触发 器 每 次 都 触发 相同 的 动作 。 这 还 用 得 着 
说 吗 ? 有 读者 可 能 会 感到 不 可 思议 。 事 实 上 ， 唯 有 如 此 才能 保证 用 户 对 
微 交 互 形成 准确 的 心智 模型 。 而 且 ， 现 实 当中 违反 这 一 条 的 现象 不 胜 枚 
举 。 技 术 评 论 家 David Pogue 曾 这 样 评论 过 Samsung 的 笔记 应 用 S Note: 
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S Note 中 的 某 些 图 标 不 同 的 时 候 按 会 显示 不 同 的 菜单 。 我 可 不 

是 瞎说 的 3。 
还 有 一 个 例子 就 是 iPhone 和 iPad 的 主屏 幕 按钮 ， 按 这 个 按钮 会 返回 主 
屏幕 ， 如 果 本 来 就 在 主屏 幕 上 ， 那 么 就 会 转 到 搜索 屏幕 。( 和 暂且 不 说 按 
两 次 或 按 住 不 放 又 会 执行 什么 动作 。 参 见 5.1 节 中 “弹簧 模式 与 一 次 性 
模式 ”。) 虽然 在 一 个 按钮 上 绑 定 多 个 功能 是 为 了 重用 有 限 的 硬件 ， 但 在 
主屏 幕 状态 下 按 一 次 就 跑 到 搜索 屏幕 恐怕 也 太 离 谱 了 ， 这 时 候 应 该 什么 
也 不 做 才 对 (或 者 给 出 “ 嘿 ， 您 已 经 在 主屏 幕 了 ! ”之 类 的 提示 )。 


说 起 效果 最 差 的 可 见 触发 器 ， 想 怕 要 数 下 拉 菜 单 中 的 菜单 项 了 。 羔 单 
项 因为 在 菜单 里 ， 所 以 实际 上 是 不 可 见 的 。 它 们 对 应 的 微 交 互 一 般 都 
不 常用 ， 而 把 它们 隐藏 在 菜单 里 会 给 用 户 查找 带 来 一 些 不 便 。 当 然 ， 
把 一 个 不 常用 的 微 交互 的 触发 器 直接 放 到 屏幕 上 似乎 也 不 太 好 。“ 设 
置 ”就 是 一 个 典型 的 例子 ， 用 户 不 会 每 天 都 用 到 它 ， 但 它 对 某 些 应 用 
又 非常 重要 (比如 图 2-2 中 的 桌面 就 是 通过 “设置 ”决定 的 )。 因 此 ， 
设计 这 样 一 个 触发 器 ， 特 别 是 权衡 其 可 见 性 从 来 都 是 个 设计 难题 。 

















图 2-2: 在 Gnome 桌面 上 ,文件 图 标 不 是 静态 的 , 而 是 会 显示 内 容 的 前 三 行 ( 蒙 
Drazen Peric 和 “Little Big Details” 惠 人 允 使 用 ) 





注 3: 参见 2012 年 8 月 15 日 《纽约 时 报 》 的 报道 “A Tablet Straining to Do TtAll” (http:// 
nyti.ms/17Szx8y )。 
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2.1.1 提前 展示 数据 

手动 触发 器 的 第 三 个 规则 是 提前 展示 数据 。 触 发 器 本 身 可 以 反映 微 交 
互 中 包含 的 数据 。 问 问 自己 ， 在 微 交 互 开始 之 前 或 者 启动 过 程 中 ， 有 
什么 内 部 状态 可 以 展示 ? 什么 信息 最 有 价值 ， 可 以 在 这 时 候 展 示 出 
来 ? 要 回答 这 个 问题 ， 必 须知 道 大 多 数 用 户 使 用 微 交 互 干 什么 ， 而且 
必须 在 微 交 互 开始 之 前 就 要 掌握 那个 关键 的 信息 。 比 如 股市 应 用 ， 它 
可 以 通过 颜色 或 箭头 表示 当前 市 场 或 股票 的 状态 ， 提 醒 用 户 是 否 有 必 
要 局 动 微 交互 。 此 时 的 触发 器 本 身 就 是 一 个 背景 信息 ， 用 户 扫 视 时 注 
意 到 它 就 可 能 启动 微 交 互 。 


触发 器 也 可 以 表示 产品 中 任务 的 进度 〈 见 图 2-3)。 比 如 启动 烤 面 包机 
的 按钮 时 ， 它 应 该 告诉 用 户 烤 好 面包 需要 多 长 时 间 。 


























CIID Ghrome 


8@ 


图 2-3: 谷歌 的 Chrome 浏览 器 图 标 (启动 浏览 器 的 触发 器 ) 也 会 显示 当前 的 
下 载 任务 和 下 载 进度 


2.1.2 ”触发 器 的 构成 
手动 触发 器 包含 三 个 部 分 : 控件 、 控 件 状 态 、 文 本 或 图 示 标 签 。 


1. 控件 
手动 触发 器 至 少 要 有 一 个 控件 ( 见 图 2-4)。 至 于 选择 什么 样 的 控件 ， 
取决 于 你 想 给 出 多 少 个 控件 。 


。 对 于 一 个 动作 (例如 “ 快 进 ”) ,一 个 按钮 或 简单 手势 足 作 。 这 里 的 “ 按 
钮 ”可 以 是 图 标 或 菜单 项 ,而 手势 可 以 是 轻 击 、 请 动 或 摇动 。 当 然 ， 
按钮 同样 也 可 以 是 (或 者 搭配 ) 一 个 键盘 命令 或 一 个 手势 。 
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。 对 于 有 两 个 状态 (例如 “ 开 ” 或 “ 关 ”) 的 动作 ,一 个 拨 动 开关 足 锋 。 
拨 动 按钮 当然 也 可 以 ， 但 问题 是 按钮 很 难 表现 状态 ， 因 此 不 能 让 人 
一 目 了 然 ， 甚 至 用 户 不 会 想到 按钮 还 有 另 一 种 状态 。 第 三 种 (或 许 
也 是 最 差 的 ) 可 能 是 使 用 常规 按钮 ， 按 一 下 改变 状态 。 如 果 你 想 使 
用 这 种 方法 ， 那 应 该 保证 按钮 状态 绝对 清楚 。 灯 本 身 就 有 清楚 的 开 
关 状 态 ， 因 此 常规 ( 非 拨 动 ) 按钮 可 以 用 于 控制 灯 的 打开 和 关闭 。 

。 对 于 有 多 个 状态 的 动作 ， 可 以 使 用 拨号 盘 。 除 了 有 一 个 止 动 装置 ， 
拨号 盘 还 有 一 个 推 / 拉 状态 。 另 外 ， 也 可 以 使 用 一 组 按钮 ， 每 个 按 
钮 代表 一 个 选项 。 

。 对 于 在 一 定 范围 内 连续 进行 的 动作 (例如 调整 音量 ) ， 清 动 条 或 拨 
号 盘 (特别 是 能 够 快速 旋转 的 Jog Dial 转 点 通 滚 轮 ) 是 最 佳 选 择 。 
另外 ， 特 别 是 在 没有 一 定 范 围 的 情况 下 ， 可 以 使 用 两 个 按钮 来 改变 
值 的 大 小 或 高 低 。 

。 有 些 手 动 触发 器 由 多 个 控件 或 表单 字段 〈 单 选 按钮 、 复 选 框 、 文 本 
输入 字段 ) 之 类 的 元 素 组 织 。 比 如 ， 登 录 这 种 微 交 互 就 需要 文本 输 
入 字段 来 填写 用 户 名 和 密码 。 多 个 控件 组 成 的 触发 器 要 尽量 少 用 ， 
如 果 要 用 , 最 好 也 要 能 自动 填充 之 前 输入 过 的 值 或 者 智能 的 默认 值 。 


























控件 标签 
状态 
i 
默认 翻转 是 停 激活 











图 2-4: 控件 的 组 成 部 分 

除了 按钮 、 开 关 、 拨 号 盘 等 传统 控件 之 外 ， 还 可 以 有 自 定义 的 控件 ， 
比如 最 早 〈 非 触摸 ) iPod 上 的 滚轮 。 自 定义 控件 可 以 让 微 交 互 显得 别 
有 具 一 格 ， 甚 至 可 以 使 微 交 互 成 为 标志 性 时 刻 。 自 定义 控件 也 可 以 是 手 
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势 或 触摸 方式 〈 参 见 本 节 后 面 “不 可 见 的 触发 器 ”) 。 


微 交 互 的 目标 是 使 选项 最 少 ， 而 不 是 提供 智能 默认 值 和 非常 有 限 的 选 
项 。 选 作 触发 器 的 控件 应 该 体现 这 一 理念 。 


控件 与 视觉 使 用 情境 (visual affordance) ， 即 用 户 期 待 能 看 到 什么 ， 
紧密 相关 。 触 发 器 的 第 四 条 规则 就 是 不 要 破坏 视觉 使 用 情境 。 换 句 话 
说 ， 如 果 触 发 器 看 起 来 像 按钮 ， 那 它 就 应 该 像 按 钮 一 样 能 被 按 下 去 。 

手动 触发 器 要 引 人 注 目 。 关 于 触发 器 的 最 重要 问题 是 : 触发 器 要 有 多 
引 人 注 目 ?” 触 发 器 的 第 五 条 规则 是 用 得 越 多 的 触发 器 越 要 引 人 注 目 。 
畅销 书 作 者 Scott Berkun 对 引 人 注 目 这 一 点 有 过 精彩 的 评述 ， 以 下 是 
我 移植 到 微 交互 的 版 本 : 





多 数 人 经 常 要 用 的 微 交互 ， 应 该 最 引 人 注 目 。 
少数 人 有 时 会 用 的 微 交 互 ， 应 该 容易 注意 到 。 
极 少 数 人 不 常用 的 微 交互 ， 应 该 通过 搜索 找 。4 
这 是 判断 触发 器 需要 多 引 人 注 目的 黄金 规则 。 
可 是 ， 我 们 到 底 怎 么 发 现 事 物 呢 ? 


人 类 注意 周围 环境 中 事物 的 情况 分 两 种 。 第 一 种 ， 周 围 的 事物 如 果 正 
在 移动 或 发 出 了 声响 ， 会 让 人 不 自觉 地 注意 它们 。 这 种 对 于 刺激 的 反 
应 是 我 们 祖先 生存 的 本 能 ， 正 因为 有 这 个 本 能 ， 他 们 才 会 注意 到 周围 
的 犀牛 和 其 他 危险 动物 。 设 计 师 可 以 利用 这 一 点 ， 通 过 移动 和 声响 来 
吸引 人 注意 触发 器 。 但 这 样 做 有 时 会 令 人 讨厌 ， 特 别 是 在 桌面 或 网 页 
中 。 由 于 人 类 对 移动 和 声响 会 不 自觉 地 关注 ， 因 此 较 高 优先 级 的 微 交 
互 的 触发 嚣 才 可 以 使 用 这 种 方式 。 而 能 够 不 断 这 样 做 的 ， 只 有 那些 最 
高 优先 级 的 微 交 互 ， 比 如 出 错 和 警告 。 


人 类 关注 事物 的 第 二 种 情况 是 主动 搜寻 ， 即 有 目的 地 寻找 。 我 们 会 盯 
住 茶 些 东西 或 区 域 ,希望 从 中 找到 满足 自己 需要 的 内 容 。 只 要 视力 没 





























注 4: 改编 自 Scott Berkun 的 文章 “The Myth of Discoverability” (http://t.cn/zHrpaOk ) 。 





32 | 第 2 章 


有 问题 ， 这 种 发 现 事物 的 方式 是 最 直观 的 。 我 们 会 运用 身体 、 大 脑 ， 
或 者 只 用 眼睛 去 寻找 自己 想 要 的 东西 。 


要 注意 的 是 ， 人 类 对 听觉 的 反应 要 快 过 对 视觉 的 反应 。 听 
心 觉 刺 激 只 需 8~10 毫秒 即 可 传达 到 大 脑 ， 而 视觉 刺激 则 需要 
20~40 毫秒 。 人 类 对 听觉 的 反应 需要 140~160 毫秒， 而 对 
视觉 的 反应 需要 180~200 毫秒 ， 同 样 是 前 者 更 快 。" 人 有 眼 
的 视角 是 水 平 180 度 ， 垂 直 100 度 ， 而 听觉 则 是 360 度 的 。 
我 们 的 祖先 看 不 到 来 自身 后 的 捕食 者 ， 但 却 可 以 听 到 。( 某 
些 扑 行动 物 和 鸟 类 的 视角 则 也 是 360 度 。) 虽然 理论 上 可 以 
使 用 某 种 声音 来 帮助 用 户 定位 触发 器 ， 但 在 实践 中 则 很 难 
实行 。 
































我 们 在 寻找 东西 时 ， 视 野 会 变 窗 ， 甚 至 达到 1 度 "或 者 只 有 平常 视野 
的 1%。 这 么 窗 的 视野 堪 比 聚光灯 ”和 放大 镜 "“。 此 时 ， 我 们 专注 于 辨 
别 物体 ， 即 对 环境 中 的 事物 进行 识别 和 归 类 。 

我 们 在 辨别 物体 时 ， 眼 睛 会 寻找 熟悉 的 小 几何 体 (geon) 形状 。 所 谓 
小 几何 体 ， 就 是 正方 形 、 三 角形 、 立 方 体 、 圆 柱 体 等 简单 的 几何 形 
状 ， 我 们 的 大 脑 把 它们 组 合 起 来 就 能 辨别 出 物体 。” 





注 5: Marshall,W. H.、S. A. Talbot 和 H. W. Ades. “Cortical response of the anaesthesized cat 
to gross photic and electrical afferent stimulation.” Journal of Neurophysiology 6: 1-15. 
(1943)。 

注 6: Welford, A. T.“Choice reaction time: Basic concepts.”( 选 择 反应 时 间 : 基本 概念 ) A. 
T. Welford (Ed.), Reaction Times. Academic Press, New York, pp. 73-128. (1980)。 

注 7: Eriksen, C; Hoffman, J.“Temporal and spatial characteristics of selective encoding from 
visual displays”( 视 觉 显 示 选 择 性 编码 的 时 空 特征 ) Perception & Psychophysics 12 
(2B): 201-204. (1972)。 

注 8: 同上 。 

注 9: Eriksen, C; St James, J. “Visual attention within and around the field of focal attention: A 
zoom lens model”( 注 意 领域 之 内 及 周围 的 视觉 集中 变焦 镜头 模型 ) Perception & 
Psychophysics 40 (4): 225-240. (1986)。 

注 10: 小 几何 体 最 早 风 于 “Recognition-by-components: A theory of human image understanding”， 

作者 Irving Biederman， 刊 载 于 Psychological Review 94 (2): 115-47. (1987)。 
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既然 人 眼 以 小 几何 体 为 基本 识别 单位 ， 那 么 一 些 图 标 形 触发 器 就 特别 
适合 设计 成 某 种 几何 形状 。 一 般 来 说 ， 只 具备 一 种 特征 的 目标 比 具 备 
多 种 特征 的 目标 更 容易 被 找到 。 因此 ， 要 尽量 保证 触发 器 看 起 来 简 
单 ， 尤 其 是 在 复杂 拥挤 的 环境 下 (比如 混在 一 大 堆 图 标 中 间 )。 


辨别 出 某 个 物体 之 后 “ 那 是 个 按钮 ")， 我 们 一 般 会 将 其 与 对 应 的 使 
用 情境 关联 (“按钮 可 以 按 ")， 除 非 还 有 其 他 视觉 提示 表明 使 用 情境 
不 适用 ， 比 如 变 灰 或 上 面 放 个 大 红 又 (X)。 手 动 触发 器 的 第 六 条 规 
则 就 是 不 要 引起 用 户 对 使 用 情境 的 错觉 。 如 果 有 一 个 图 标 看 起 来 像 按 
钮 ， 那 么 它 就 应 该 表现 得 像 按 钮 一 样 。 微 交互 的 目标 就 是 把 识别 成 本 
降 到 最 低 ， 千 万 别 让 用 户 猜 你 的 触发 器 怎么 工作 。 因 此 要 尽量 使 用 标 
准 的 控件 。 正 如 Charles Eames 所 说 :“ 创 新 是 没有 办 法 的 办 法 。 


最 引 人 注 目的 触发 器 依次 是 : 


。 移动 的 物体 ， 比 如 脉动 图 标 ; 

。 带 使 用 情境 和 标签 的 物体 ， 比 如 带 标 签 的 按钮 ， 
。 带 标签 的 物体 ， 比 如 带 标签 的 图 标 ， 

。 只 有 一 个 物体 ， 比 如 图 标 ; 

。 只 有 一 个 标签 ， 比 如 表单 项 ， 

。 什么 也 没有 一 一 不 可 见 的 触发 器 。 


不 可 见 的 触发 器 。 手 动 触发 器 也 可 以 是 不 可 见 的 。 换 句 话 说， 就 是 没 
有 标签 ， 也 没有 使 用 情境 让 用 户 知道 怎么 去 触发 相应 的 微 交 互 。 不 可 
见 的 触发 器 通常 都 离 不 开 传感器 ， 比 如 触摸 屏 、 摄 像 头 、 麦 克 风 、 加 
速 计 等 〈 见 图 2-5)。 此 外 ， 不 可 见 的 触发 器 也 可 以 只 是 一 个 命令 键 
( 见 图 2-6) 或 鼠标 移动 〈 比 如， 移动 到 屏幕 一 角 ) 。 
































注 11: Treisman, A.“Features and objects in visual processing”( 视 觉 处 理 中 的 特性 与 对 象 ) 
《科学 美国 人 》, 255, 114B-125. (1986)。 
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-KPNNL 全 


2 J to Nappen 
e iPhone. 














图 2-5: 在 iPhone 手机 的 Tumblr 应 用 中 ， 手 指向 左 扫 过 (而 不 是 按 下 ) 按钮 ， 
可 以 创建 一 篇 新 博客 ， 向 上 扫 过 按钮 则 可 以 创建 一 篇 新 图 片 博客 ( 蒙 Robin 
van't Slot 和 “Little Big Details” 惠 允 使 用 ) 








How it looks: [D Hide hat on Alfred window 
D Hide prefs cog on Alfred window 
Hide menu bar icon 


M4 


How it looks: D Hide hat on Alfred window 
图 Hide prefs cog on Alfred window 
[el Hide menu bar icon 














图 2-6: 在 Alfred 的 设置 中 ， 如 果 禁 用 可 见 的 触发 器 ， 则 不 可 见 的 触发 器 也 
会 被 选中 ( 蒙 Hans Petter Eikemo 和 “Little Big Details” 惠 允 使 用 ) 
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当前 的 触摸 屏 用 户 界面 隐藏 着 最 多 的 不 可 见 控件 。 没 有 可 见 的 使 用 情 
这 表明 各 种 多 点 触摸 手势 的 存在 ， 而 轻 击 和 背 动 之 外 的 自 定义 手势 则 
往往 要 通过 试 错 来 发 现 ( 见 图 2-7)。 











al AT&T 4G 12:09 PM Ga TY 66% 功 让 


乡 
1 


Shake to send feedback 


You shook your phone! Your feedback and 
suggestions help us improve Google 
Maps! To disable the shake gesture, visit 
settings from within your profile 


Send feedback 


Dismiss 














图 2-7: 在 iOS 系统 的 Google Maps 中 ,摇晃 就 是 一 个 发 表 反 馈 的 不 可 见 触 
发 器 ( 蒙 “Little Big Details” 惠 允 使 用 ) 


语音 输入 也 是 不 可 见 控件 的 例子 ， 有 三 种 语音 输入 。 





。 始终 监听 
产品 的 麦克 风 始 终 开 启 ， 用 户 只 要 对 着 它 说 出 指令 即 可 ( 通 
要 提 到 产品 的 名 字 )。 微 软 Kinect for Xbox 就 属于 这 种 情况 ， 基 
“Xbox, play!” 就 是 始终 监听 控件 的 典型 例子 。 














六 和 天 





。 对 话 
产品 的 麦克 风 只 在 特定 的 时 候 开 启 ， 以 监听 对 某 个 提示 的 响应 。 
(“要 继续 使 用 英语 ， 请 说 ‘yes’ 。”) 自动 化 程度 最 高 的 客服 电话 就 
属于 这 种 情况 。 


。 与 榨 件 配合 
为 发 出 语音 指令 ， 必 须 有 某 个 物理 控件 配合 。 苹 果 的 Siri 大 致 就 是 
这 样 : 用 户 必 须 按 住 主屏 幕 按 钮 才能 发 出 语音 指令 。 


另外 ， 摆 手 或 者 摇晃 等 触发 器 通常 也 是 不 可 见 的 。 比 如 语音 控件 ， 有 
时 要 使 用 手势 必须 先 有 一 个 初始 动作 (比如 摆手 ) 或 通过 某 个 物理 控 
件 让 设备 就 绕 。 配 戴 谷 歌 眼 镜 上 时 ， 向 上 昂 头 或 触摸 一 下 镜 架 即 可 开启 
屏幕 。 触 摸 或 接近 设备 也 可 以 作为 不 可 见 触发 左 ， 比 如 把 手 伸 到 水 龙 
头 下 就 会 自动 出 水 。 类 似 地 ， 远 离 物体 也 可 以 是 触发 器 ， 比 如 马桶 在 
人 走 之 后 会 自动 冲 水 。 


为 什么 还 会 有 不 可 见 触发 器 呢 ? 事实 上 ， 无 论 什么 交互 界面 都 不 可 能 
保证 所 有 东西 能 够 被 立即 发 现 。 让 一 切 可 见 经 常会 导致 屏幕 上 杂乱 无 
章 ， 没 有 头绪 。 隐 蕊 一些 东西 可 以 让 屏幕 或 物体 看 起 来 更 简单 ， 同 时 
还 不 会 舍弃 功能 ( 见 图 2-8) 。 不 可 见 控件 能 够 起 到 强调 可 见 控件 的 作 
用 ， 让 重要 和 不 重要 控件 得 以 区 别 。 不 过 要 知道 ， 不 可 见 并 非 微 交互 
(以 及 任何 交互 ) 设计 过 程 中 直接 追求 的 目标 ， 而 是 上 下 文 和 技术 的 
副产品 : 在 这 种 情境 下 ， 最 好 把 什么 隐藏 起 来 ? 或 者 基于 技术 条 件 限 
制 ， 如 果 不 把 什么 隐藏 起 来 ， 可 见 控件 就 没有 地 方 显 示 ? 最 好 的 微 交 
互 应 该 具有 恰到好处 的 界面 ， 而 不 是 控件 越 多 越 好 。 
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AKkls.met 


(a-kiz-mmit) mn. Possibly the best way in the World to protd 


Looking for the Akismet logo? 


Here are a few to choose from: 


A:kis:met A:kis:met 


White - High Res 225Kb Black - High Res 198Kb 


White - Low Res 17Kb Black - Low Res 10Kb 














图 2-8: Akismet 有 一 个 合适 的 不 可 见 触发 器 。 在 用 户 右 击 其 标志 图 片 时 (有 
可 能 是 想 要 保存 这 张 图 片 ) ，Akismet 就 会 显示 一 个 窗口 ， 提 供 几 种 不 同 分 辨 
率 的 图 片 供 下 载 ( 蒙 Fabian Beiner 惠 允 使 用 ) 


ee 发 现 微 交 互 之 后 (不管 是 意外 发 现 、 听 
别人 说 ， 查 帮 助 学 会 的 )， 用 户 经 常 只 能 依赖 于 自己 (有 问题 ) 的 
ee E 够 习 得 意味 着 不 可 见 触 发 器 应 该 随处 可 用 ,或 
者 退 而 求 其 次 ， 必 须 在 特定 条 件 下 是 可 用 的 〈 见 图 2-9)。 不 可 见 触发 
器 应 该 容易 猜 到 ， 或 者 说 ， 在 理想 情况 下 可 以 让 用 户 在 执行 其 他 动作 
时 偶然 发 现 。 比 如 ， 向 上 滚动 到 列表 顶部 ， 显 示 “ 重 新 加 载 ” 微 交 互 。 

















Shake to Pause [on € ) 


Handy for when you fumble your device! 


Sound 


Speak New Kana 





Speak Prompts 


lf Speak Prompts is ON, we won't display 
Romaji, so use your ears! 

















图 2-9: KanaSwirl 的 设置 中 支持 禁用 不 可 见 的 触发 器 (Shake to Pause， 摇 
晃 暂 停 ) ( 蒙 Shawn M. Moore 和 “Little Big Details” 惠 人 允 使 用 ) 


除非 真 没有 地 方 或 屏幕 空间 放置 可 见 控件 〈 比 如 谷歌 眼镜 ) ， 否 则 绝 
不 要 把 不 可 见 触发 器 用 于 最 高 优先 级 的 微 交 互 。 无 论 如 何 ， 至 少 都 要 
为 微 交互 创建 一 个 可 见 的 触发 器 ， 比 如 命令 键 或 菜单 项 。 

2. 控件 状态 

有 些 手 动 触 发 器 有 多 个 状态 。 作 为 用 户 ， 不 一 定 能 全 都 磁 上 这 些 状 
态 ， 但 作为 设计 师 ， 则 应 该 全 部 考虑 到 。 
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。 默认 状态 
不 活动 的 空闲 状态 。 


。 活动 状态 
如 果 后 台 有 活动 〈 比 如 下 载 、 更 新 或 同步 ) ， 可 以 通过 触发 器 来 表示 。 


。 是 停 状态 
可 以 给 出 一 个 提示 条 式 的 说 明 、 扩 展 触 发 器 的 大 小 以 展示 更 多 控件 
或 表单 字段 ， 或 者 就 简单 地 显示 为 当前 控件 是 可 以 点 击 的 。 更 进 一 
步 ， 还 可 以 通过 专 停 展示 微 交互 中 的 数据 ( 见 图 2-10) 。 比 如 ， 蕉 
停 在 天 气 预报 应 用 的 图 标 上 时 ， 不 用 启动 应 用 就 可 以 提前 展示 数 
据 ， 显示 当前 的 天 气 。 











A 
OON 








High Times 


Jamiroqua 








图 2-10: 在 Rdio 播放 器 上 ， 最 停 在 快 进 和 快 退 按钮 上 会 显示 下 一 首 和 上 一 
首 歌 曲 ( 蒙 Nicholas Kreidberg 和 “Little Big Details” 惠 人 允 使 用 ) 


。 翻转 状态 
经 常用 于 表示 存在 或 活动 ， 或 者 只 添加 一 个 指示 器 ， 表 明光 标 位 置 
正确 ， 可 以 继续 操作 ( 见 图 2-11)。 








All Comments (0) 








All Comments (0) 





A Sign In or Sign Up now to post a comment! 




















图 2-11: 未 登录 时 点 击 评论 输入 框 ， YouTube 会 提示 登录 或 注册 ( 蒙 
Marian Buhnici 和 “Little Big Details” 惠 允 使 用 ) 
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。 和 鼠标 单 击 /手指 轻 击 /进行 中 
鼠标 单 击 、 手 指 轻 击 触发 器 ， 或 者 触发 右 正 在 局 动 微 交 互 。 此 时 ， 
可 以 让 触发 器 消失 、 打 开 、 改 变 颜 色 ， 或 者 变 成 表示 微 交 互 加 载 过 
程 的 进度 条 ( 见 图 2-12 到 图 2-14) 。 另 一 种 可 能 是 触发 器 不 立即 启 
动 微 交 互 ， 而 是 扩展 显示 更 多 控件 。 比 如 ， 点 击 “ 保 存 ” 按 钮 可 以 
打开 一 个 窗 体 询问 是 “覆盖 ”还 是 “另存 为 ”。 











The simple way to oapture and The simple way to oapture and 


share life with olose friends & family share life with olose friends & family 


| sic A ys a a ee 


Sign In SIgn In 














图 2-12: 单 击 Path 的 Sign Up 按钮 会 出 现 笑 脸 图 标 ( 蒙 “Little Big Details” 
惠 允 使 用 ) 





Taylor Swift Radio 


Better Than Revenge 
ee 有 > 
03 














图 2-13: 虾米 的 播放 /暂停 控件 表示 一 首 歌 的 播放 时 间 ( 蒙 “Little Big 
Details” 惠 人 允 使 用 ) 





触发 器 | 41 








Email Sign up 


Password Forgot your password? 


Log in 


Email Sign up 
johndoe@myemail.com 
Password Forgot your password? 








图 2-14: 在 CloudApp 中 ， 登 录 按钮 在 被 单 击 后 会 改变 状态 ， 让 用 户 知道 后 
台 已 经 开始 处 理 了 ( 蒙 “Little Big Details” 惠 允 使 用 ) 


。 切换 状态 
开关 和 按钮 可 以 表明 自己 当前 的 状态 ( 左 / 右 、 上 /下 或 按 过 /未 
按 过 )。 实 体 设 备 上 的 开关 可 以 让 人 人 一目了然， 按钮 则 需要 有 其 他 
搭配 的 指示 装置 ， 比 如 用 发 光 LED 表示 按钮 被 按 下 。 





。 设置 状态 
拨号 盘 、 开 关 和 清 动 条 可 以 显示 微 交 互 当前 的 设置 和 阶段 ( 见 图 
2-13 ) 。 





以 上 这 些 状态 通常 由 触发 器 改变 外 观 或 展示 动画 来 表示 ， 但 有 时 候 也 
可 以 通过 指示 灯 (如 触发 器 旁边 的 LED 灯 ) 来 表示 。 比 如 ， 开 关 旁 边 
的 红 光 LED 可 以 用 来 表示 设置 关闭 。 切 记 ， 跟 触发 器 不 是 一 体 的 状态 
指示 器 一 定 要 放 在 触发 器 旁边 。 扩 展 触 发 器 时 也 一 样 : 不 要 随处 打开 
窗口 ， 要 把 焦点 放 在 触发 器 上 。 

3. 标签 

对 某 些 触发 器 而 言 ， 标 签 也 是 非常 重要 的 部 分 。 标 签 可 以 是 微 交 互 的 
名 称 (例如 菜单 项 或 微软 功能 区 的 名 称 )， 也 可 以 作为 状态 指示 器 ， 
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比如 拨号 盘 每 个 止 动 装置 的 名 称 。 标 签 就 是 界面 。 


标签 的 作用 显而易见 : 我 是 不 是 在 做 自己 想 做 的 事 ? 标签 说 明 动 作 ， 

帮助 销 除 歧义 。 不 过 ， 鉴 于 标签 会 增添 触发 器 的 复杂 性 ， 需 要 额外 的 

关注 和 思考 ， 因 此 若非 担心 引发 上 改 义 ， 不 要 使 用 标签 。 最 好 的 结果 当 
是 把 控件 设计 得 毫 无 歧义 ( 见 图 2-15)。 













































We built you a new Vimeo. Want to give it a try? 


Vumeo 











图 2-15: Vimeo 的 表示 “取消 / 待 会 儿 / 现 在 不 行 ”的 按钮 幽默 地 写 着 “| 
hate change”( 我 讨厌 改变 ) ( 蒙 Joe Ortenzi 和 “Little Big Details” 惠 人 允 使 用 ) 


手动 触发 器 的 第 七 条 规则 是 : 仅 在 触发 器 本 身 无 法 提供 相应 信息 的 情况 
下 才 使 用 标签 。 想 一 想 ， 如 果 不 添加 ， 那 在 视觉 上 如 何 表现 标签 ” 比 
如 ， 要 设计 一 个 1~5 星 的 评分 系统 ， 可 以 采用 带 有 1~5 标签 的 请 动 条 ， 
也 可 以 让 触发 器 带 5 颗 星 星 ， 然 后 随 着 鼠标 悬 停 ， 一 个 一 个 地 点 亮 。 


不 使 用 标签 在 某 些 情况 下 是 不 可 能 或 不 合适 的 。 一 个 没有 标签 的 按钮 
很 难 与 周围 的 其 他 按钮 区 别 开 来 ， 因 此 很 难 获得 点 击 。 


与 其 他 产品 相关 的 (培训 性 或 营销 性 的 ) 方案 不 同 ， 微 交互 不 是 品 
牌 创意 的 用 武之 地 ， 相 反 ， 微 交互 非常 注重 实用 性 ， 目 的 就 是 清楚 
明确 地 传达 功能 ( 见 图 2-16 和 图 2-17)。 这 并 不 是 说 微 交 互 不 重 
视 奇 思 妙 想 或 个 性 设计 ， 而 是 说 前 提 必 须 确 保 标签 清楚 明确 。 谷 歌 
“手气 不 错 ” 按 钮 的 标签 很 有 意思 ， 但 它 却 没有 告诉 你 点 击 按钮 之 后 
会 发 生 什 么 。 因 为 没有 事前 反馈 ,不 能 在 事件 发 生前 就 让 人 知道 会 
出 现 什 么 结果 。?” 

































































注 12: 关于 事前 反馈 的 更 多 信息 ， 可 参考 “But how, Donald, tell us how?: On the creation of 
meaning in interaction design through feedforward and inherent feedback”"， 作 者 Tom 
Djajadiningrat、 Kees Overbeeke 和 Stephan Wensveen, Proceedings of the 4th conference 
on Designing interactive systems: processes, practices, methods, and techniques, AC™, 
New York, NY, USA (2002)。 
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Returning Customers 


EMAIL ADDRESS: 
le emall address 


PASSWORD: 


(CAsE sEnSITIVe) Forgot password? 











图 2-16: 巴 诺 书店 (Barnes & Noble) 的 网 站 在 密码 字段 上 使 用 标签 表明 区 
分 大 小 写 ( 蒙 Paul Clip 和 “Little Big Details” 惠 允 使 用 ) 









Irod “ 0:93 





Accessibiity “Speak Selection 


Speak Selection 《CE ) 











图 2-17: 苹果 iOS Speak Selection 设置 界面 上 有 一 个 新 奇 但 明确 的 图 示 标 
签 , 它 借用 了 “ 旬 免 赛跑 ”的 妨 言 。 然 而 , 在 文化 背景 中 没有 这 个 成 语 的 地 方 ， 
这 两 个 图 示 可 能 会 让 人 感到 迷惑 ( 蒙 Victor Boaretto 和 “Little Big Details” 
惠 允 使 用 ) 








一 般 来 说 ， 标 签 应 该 简洁 明了 ( 见 图 2-18)。“ 提 交 ” 作 为 按钮 标签 可 
能 够 简洁 ， 但 在 非 技 术 情 境 中 恐怕 意思 并 不 明确 。 在 微 交 互 中 ， 特 指 
度 (specificity， 或 具体 程度 ) 非常 重要 。 含 糊 其 辞 是 标签 最 大 的 总 
讳 ， 标 签 必 须 明 确 。( 关 于 这 一 点 ， 请 参见 第 3 章 3.3 节 “ 微 文案 ”。) 




















图 2-18: iPhone 的 “滑动 解锁 ”触发 器 会 随 着 滑动 而 逐渐 消失 ( 蒙 “Little 
Big Details” 惠 允 使 用 ) 


一 致 性 同样 重要 。 由 于 标签 可 能 是 名 称 ， 所 以 一 定 要 保证 所 有 地 方 
( 微 交 互 本 身 、 状 态 、 设 置 、 数 据 ) 的 标签 名 称 统一 。 不 要 这 里 叫 
“警告 "， 那 里 又 变 成 了 “警示 ”。 


把 标签 用 好 的 根本 就 是 要 以 使 用 者 的 语言 来 撰写 它 。 如 果 标 签 中 包含 
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技术 术语 ， 那 用 户 也 应 该 是 技术 人 士 ， 否则 ， 不 如 用 随意 的 大 白话 。 
另外 ， 还 要 让 目标 用 户 测 试 标签 (参见 附录 )。 毫 不 奔 张 地 说 ， 大 多 
数 可 用 性 问题 都 是 由 于 滥用 标签 (或 根本 没有 标签 ) 导致 的 。 


2.2 系统 触发 器 

并 韭 所 有 触发 器 都 是 手动 的 。 事实 上 ， 当 前 我 们 身边 的 触发 器 大 都 不 
是 用 户 而 是 系统 发 起 的 。 系 统 触发 器 无 需 用 户 介 入 ， 只 要 满足 条 件 
(一 个 或 多 个 ) 就 会 自动 触发 ， 如 图 2-19 和 图 2-20 所 示 。 











US Postal Service delivery 
detected 


lt looks like you have a tracking 


Number on your clipboard. Would | 
you like to add a new delivery? 


(@7: Tle3 OK 














图 2-19: 发 货 应 用 Deliveries 会 在 启动 时 检测 剪贴 板 中 是 否 有 快递 单 号 ， 如 
果 有 则 通过 系统 触发 器 启动 微 交 互 。 而 且 ， 它 还 能 够 智能 地 指出 单 号 来 自 哪 
个 快递 员 ( 蒙 Patrick Patience 和 “Little Big Details” 惠 人 允 使 用 ) 
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图 2-20: 由 他 人 引发 的 触发 器 。 在 Tumblr 上 ， 当 你 关注 的 某 个 人 提 到 另 一 
个 你 没有 关注 的 人 时 ， 会 出 现 一 个 关注 按钮 ( 蒙 Brian Jacobs 和 “Little Big 
Details” 惠 允 使 用 ) 


系统 触发 器 启动 的 常见 条 件 如 下 。 


。 错误 
系统 出 错时 ， 经 常会 通过 微 交互 来 解决 问题 ， 比 如 询问 用 户 想 怎么 
办 ， 或 者 只 是 显示 一 条 消息 说 明 出 了 什么 毛病 ( 见 图 2-21)。 

















图 2-21: 在 Windows Phone 中 ， 如 果 发 送 短信 失败 ， 则 短信 图 标 (触发 器 ) 
会 由 笑脸 变 成 器 脸 ( 蒙 Wojtek Siudzinski 和 “Little Big Details” 惠 人 允 使 用 ) 
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位 置 
位 置 可 能 是 各 种 尺度 : 国家 、 城 市 、 街 道 ， 甚 至 特定 的 房间 。 请 足 
其 中 任何 尺度 的 用 户 都 可 能 触发 微 交互 。 


收 到 数据 

电子 邮件 、 状 态 消 息 、 软 件 更 新 、 天 气 预 报 、 亮 度 变化 等 进入 联网 设 
备 和 应 用 的 数据 ， 都 可 能 触发 “您 有 一 封 新 邮件 ! ”之 类 的 微 交互 。 
内 部 数据 

时 间或 系统 资源 等 内 部 数据 也 可 能 是 触发 器 启动 的 条 件 ( 见 图 
2-22)。 比 如 ， 过 一 定时 间 屏 幕 自 动 降低 亮度 。 











| | Leave Message | | Switch User | | Cancel | 

















图 2-22: 在 Ubuntu 中 ， 如 果 屏 幕 因 设 定时 间 到 而 锁定 ， 会 出 现 一 个 让 访问 
者 给 所 有 者 留言 的 触发 器 ( 蒙 Herman Koos Scheele 和 “Little Big Details” 
惠 允 使 用 ) 


其 他 微 交互 

这 是 一 种 特殊 的 触发 器 ， 由 其 他 微 交 互 触发 。 最 简单 的 例子 就 是 向 
导 式 界面 : 第 一 步 微 交互 ) 结束 触发 第 二 步 〈 另 一 个 微 交 互 )， 
依 此 类 推 。( 参 见 第 6 章 6.5 市 “编排 微 交 互 ”。) 





其 他 人 
在 诸多 社交 关系 中 ， 其 他 人 的 行为 〈 例 如 ， 回 应 聊天 、 发 表 照 片 或 
消息 、 申 请 成 为 朋友 ) ， 也 可 以 成 为 触发 器 。 








虽然 用 户 不 必 手 动 启动 这 些 触发 器 ， 但 最 好 是 (比如 在 “设置 ”里 ) 
提供 选项 让 用 户 能 够 调整 它们 。 系 统 启动 的 每 个 触发 器 都 应 该 有 手动 
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管理 及 禁用 它们 的 选项 。 理 想 情 况 下 ， 应 该 在 微 交互 已 经 触发 的 时 候 
给 出 这 些 选 项 (“不 再 显示 这 些 提 示 ”)， 至 少 有 相应 的 设置 。 


此 外 ， 即 使 存在 系统 触发 器 ， 用 户 也 可 能 需要 一 个 手动 控件 ( 见 图 
2-23)。 比 如 ， 用 户 可 能 需要 手动 同步 文本 ， 而 不 是 等 待 系统 自动 同 
步 。 和 手动 控件 可 以 提供 一 个 保障 ， 同 时 也 能 在 系统 出 错 (网 络 连接 断 
开 或 传感器 未 指示 ) 时 保证 能 够 触发 微 交互 。 








ual 02-UK 会 08:22 一 2 
“| 


databases. | can enter a search query 
that will return the location of information 
virtually anywhere across the network— 
within milliseconds. | can connect 
instantly to virtually every other person 
who is also linked to the database. 


Most fruits of human ingenuity exist to 
add connectivity to our lives — roads, 
steel bridges, steam engines, telegrams, 
printing presses and telephones — but 
ultimately our inventions do not add 
greater human connectivity as much as 
they adapt the way, shape and scope of 
this connection. 

















图 2-23; 在 iPhone 的 Instapaper 应 用 中 ， 如 果 你 不 小 心 把 坚 屏 变 成 横 屏 ， 
然后 又 很 快 转 回去 ， 就 会 出 现 一 个 Rotation (旋转 ) 锁定 控件 ( 蒙 Richard 
Harrison 和 “Little Big Details” 惠 允 使 用 ) 


系统 触发 器 的 规则 
某 些 系 统 触发 器 本 身 需 要 遵循 自己 的 规则 ， 其 中 最 常见 的 就 是 启动 时 
间 和 启动 频率 ( 见 图 2-24) 。 太 过 频繁 地 读 取 传感器 数据 或 持续 连接 
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远程 服务 器 ， 可 能 会 消耗 过 多 的 系统 资源 ， 比 如 耗费 电量 、 占 用 带宽 
或 处 理 器 时 间 。 








-AT&T 全 6:38 PM 


o jw 
A 
(Elelele = /sellate Kolok=Te TaN/eleN 


Via: Fell St, San Francisco 


9 3.9n 
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Cancel Routes | Go 16 | 
| 9 | 














图 2-24: 导航 应 用 Waze 知道 我 在 傍晚 打开 它 时 可 能 正在 开车 回 家 ， 于 是 就 
给 出 了 这 个 选项 


系统 触发 器 的 规则 需要 回答 以 下 问题 。 


。 这 个 触发 器 多 长 时 间 局 动 一 次 ? 

。 已 经 知道 哪些 与 用 户 相关 的 数据 ? 怎么 利用 这 些 数 据 才能 让 触发 器 
效率 更 高 、 更 令 人 愉快 或 更 能 体现 用 户 个 性 ?” 比 如， 知道 用 户 当 地 
时 间 是 午夜 时 分 ， 就 可 以 减少 系统 触发 器 启动 的 次 数 。( 参 见 第 3 
章 3.1.5 节 “ 不 要 从 零 开 始 ”。) 

。 有 没有 触发 器 已 经 启动 的 指示 器 ? 当时 是 否 给 出 了 可 见 的 状态 更 
新 ?启动 指示 器 前 后 有 何 变 化 ? 
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。 系统 出 错时 (例如 网 络 连接 断 开 、 数 据 无 效 时 ) 会 发 生 什么 ? 不 再 
尝试 启动 ， 还 是 再 次 尝试 ?再 次 尝试 的 间隔 时 间 多 长 ? (第 5 章 还 
会 更 全 面 地 介绍 循环 。) 


系统 触发 器 的 规则 与 整体 的 规则 紧密 相关 ， 有 具体 将 在 第 3 章 讨论 。 


与 MetroCard 售 卡 机 的 开始 屏幕 一 样 ， 最 好 的 触发 器 应 该 符合 情境 、 
体贴 用 户 。 触 发 器 的 控件 应 该 与 其 要 传达 的 状态 匹配 ， 且 引 人 注 目的 
程度 也 要 与 其 使 用 频率 匹配 。 标 签 必 须 简 洛 明 了 ， 通 俗 易 懂 。 最 重要 
的 是 ， 触 发 右 要 能 把 用 户 带 到 实际 的 交互 中 ， 这 是 一 切 规则 的 前 提 。 





2.3 小结 

触发 器 就 是 任何 能 够 启动 微 交 互 的 东西 。 手 动 触发 器 是 由 用 户 发 起 
的 ， 可 以 是 控件 、 图 标 、 表 单 、 声 音 、 触 摸 或 手势 。 系 统 触发 器 会 在 
某 个 或 某 些 条 件 具备 时 触发 。 

触发 器 必须 能 在 特定 上 下 文中 让 用 户 联想 到 它 是 触发 器 。 同 样 的 触发 
器 每 次 都 应 该 执行 同样 的 操作 。 

别 忘 了 提前 展示 数据 。 只 要 有 可 能 ， 就 要 通过 触发 器 来 展示 微 交 互 内 
部 的 重要 信息 ， 比 如 未 读 短 信和 或 操作 进度 。 

如 果 触 发 器 看 起 来 像 按钮 ， 那 么 它 就 应 该 像 按钮 一 样 可 以 被 点 击 。 不 
要 破坏 视觉 使 用 情境 。 

使 用 频率 越 高 的 微 交互 ， 其 触发 器 应 该 越 引 人 注目 。 最 差 也 要 作为 
菜单 项 摆 放 触发 器 。 

在 触发 器 无 法 传达 所 有 必要 信息 或 者 有 必要 消除 歧义 时 ， 可 以 使 用 标 
签 。 标 签 应 该 使 用 通俗 直 白 的 语言 ， 而 且 要 简洁 明了 。 


系统 触发 器 何 时 触发 ， 以 及 多 长 时 间 触 发 一 次 ， 都 要 遵循 规则 。 
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规则 








2010 年 10 月 ， 苹 果 在 “Back to the Mac” 大 会 上 宣布 了 当时 最 新 版 
的 桌面 操作 系统 Mac OS X Lion (10.7 版)， 但 直到 9 个 月 后 的 2011 
年 7 月 才 真 正 发 布 。 系 统 发 布 当天 就 销售 100 万 套 ， 随 后 又 卖 出 600 
多 万 套 。 在 这 个 操作 系统 中 ， 苹 果 内 置 了 最 新 版 的 Calendar、Mail 和 
Address Book 应 用 。 与 此 同时 ， 也 有 一 个 微 交 互 博 得 了 不 少 关 注 ， 主 
要 原因 在 于 苹果 认为 它 不 再 必须 ， 因 而 删除 了 它 。 到 底 是 哪个 微 交互 
呢 ? 就 是 “另存 为 ”。 
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20 世纪 80 年 代 初 ,“ 保 在 ”通常 意味 着 “保存 并 离开 ”( 施 乐 Star)， 
或 者 “保存 并 离开 ”及 “保存 并 继续 ”( 苹 果 Lisa) 。( 离开 ”的 意思 
是 “关闭 ”"。)“ 保 存 并 继续 ”最 终 变 成 了 “保存 "， 而 “保存 并 离开 ” 
最 后 就 消失 了 。 可 能 是 因为 设备 内 存 容量 更 大 了 ， 能 够 容纳 多 个 文档 
同时 打开 ， 而 且 处 理 器 也 不 会 抗议 。 “另存 为 ”大 约 出 现在 80 年 代 ， 
与 “保存 副本 为 ”一 样 ， 都 是 能 让 用 户 不 必 重 命名 即 可 保存 一 个 文件 
的 新 版 本 。 后 来 ， 有 些 软件 同时 支持 “保存 ” “另存 为 ”和 “保存 副 
本 为 "。 随 着 时 间 推 移 ,“ 另 存 为 ”已 经 深入 人 人心， 特别 是 在 “撤销 ” 
命令 得 到 广泛 采用 之 后 ,“ 保 存 副本 为 ”几乎 绝迹 。 


在 苹果 决定 去 掉 “ 另 存 为 ”之 际 ， 这 个 微 交 互 的 规则 已 经 深入 人 心 长 
达 30 年 之 久 : 


。 修改 文件 ; 
。 换个 名 字 保 存 文 件 ， 
。 后 续 修 改 只 影响 新 文件 ， 之 前 的 文件 保持 最 后 一 次 保存 时 的 状态 。 


在 Mac OS X Lion 中 ,苹果 好 像 觉 得 “自动 保存 ”既然 支持 用 户 回溯 
到 之 前 的 版 本 ， 那 么 它 就 可 以 取代 “另存 为 ”了 。Lion 的 保存 规则 大 
致 如 下 。 


。 修改 文件 。 

。 每 5 分 钟 自动 保存 一 次 改动 。 

。 后 续 修 改 只 影响 文件 最 新 的 版 本 。 

。 通过 “恢复 到 上 一 版 ”命令 可 以 返回 文件 之 前 的 版 本 。 

。 可 以 “浏览 所 有 版 本 ”， 这 个 命令 触发 另 一 个 微 交 互 : 浏览 版 本 。 
。 两 周 之 后 ， 文 件 被 锁定 ， 如 果 不 解锁 或 复制 它 ， 就 不 能 再 修改 。 


如 果 想 另外 创建 一 个 文件 ， 必 须 通过 “复制 "， 这 又 是 一 个 完全 不 同 
的 微 交 互 。 

。 使 用 “复制 ”命令 创建 另 一 个 文件 〈 副 本 )。 

。 新 文件 出 现在 当前 文件 旁边 。 
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。 重 命 名 新 创建 (复制 ) 的 文件 。 
。 后 续 修改 影响 新 创建 的 文件 ， 之 前 的 文件 保持 最 后 一 次 (自动 ) 保 
存 时 的 状态 。 


新 规则 实际 上 其 倒 了 之 前 的 规则 : 如 果 用 户 想 在 不 同 的 文件 中 进行 修 
改 ， 那 么 他 必须 在 修改 之 前 就 意识 到 这 一 点 并 做 出 决定 。 遗 憾 的 是 ， 
这 并 不 符合 大 多 数 人 的 习惯 〈 或 者 更 准确 地 说 ， 并 不 符合 过 去 30 年 
来 我 们 已 经 习以为常 的 思维 方式 )。 这 个 变化 彻底 颠覆 了 既 有 的 思维 
模型 ， 取 而 代 之 的 并 非 是 更 好 的 微 交 互 ， 而 是 两 个 难以 理解 并 且 与 大 
多 数 人 的 习惯 背道而驰 的 微 交 互 。 大 多 数 人 在 打开 修改 之 后 的 文档 
时 ， 根 本 用 不 着 再 打开 之 前 的 版 本 。 版 本 控制 是 程序 员 的 思维 方式 ， 
而 不 是 普通 大 众 的 思维 方式 。 如 果 用 户 (偶尔 ) 需要 文档 的 早期 版 
本 ， 他 们 自己 会 手动 打开 。 


一 石 激 起 千 层 良 。 一 时 间 ， 质 疑 、 声 讨 声 此 起 彼 伏 :“ 把 Pages "09、 
TextEdit 都 有 的 “另存 为 …… ”命令 去 掉 ， 我 看 纯 属 多 此 一 举 。 这 
样 完全 破坏 了 创建 新 文件 的 一 个 非常 普遍 的 工作 流程 ， 即 打开 一 个 
文件 ， 然 后 换个 新 名 字 保 存 。” 怒 不 可 过 的 Mac 博 主 Pierre Igot 在 他 
的 文章 “Mac OS X 10.7 (Lion): Why ditch the ‘Save As’ command?” 
(http://t.cn/zHg19f5) 中 如 是 说 。“ 我 真心 实意 地 希望 那 是 个 正确 的 
决定 ， 可 几 个 月 过 去 了 ， 事 实证 明 它 是 错误 的 。“Web 开发 者 Chris 
Shiflett 在 他 的 文章 “Apple botches ‘Save As”” (http://t.cn/zHg19fG) 
中 这 么 说 。 


苹果 对 这 件 事 的 回应 ， 是 在 2012 年 发 布 的 操作 系统 10.8 版 Mountain 
Lion 中 悄悄 地 恢复 了 “另存 为 "。 为 什么 说 是 “悄悄 地 ”? 因为 苹果 
没有 把 它 恢复 到 菜单 里 ， 而 是 将 其 变 成 了 一 个 看 不 见 的 命令 , 或 者 说 
一 个 不 可 见 的 触发 器 。 即 使 如 此 ， 仍 然 破 镜 难 圆 ， 因 为 这 一 次 规则 又 
变 了 。Mac Performance Guide (http://macperformanceguide.com/) 的 
作 者 Lloyd Chambers 在 “OS X Mountain Lion: Data Loss via ‘Save 
As” (http:/Wt.cn/zW0UagS) 中 总 结 了 这 些 变化 和 问题 : 
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如 果 你 修改 了 文章 选择“ 另存 为 ”， 那 么 包括 编辑 后 的 原 
始 文档 和 另存 的 副本 在 内 ， 孝 会 保存 修改 。 这 就 意味 着 ， 男 
存 的 不 仅 是 一 个 新 文件 ， 就 连 原 始 文件 也 悄 无 声息 地 保存 了 
同样 的 修改 。 假 如 你 注意 到 了 这 个 自动 操作 ， 可 以 手工 “ 撤 
销 ” 人 保存， 恢复 原始 版 本 ; 假如 你 注意 不 到 ， 那 么 将 来 有 一 
天 很 可 能 会 大 惑 不 解 : “这 他 妈 怎 么 回 事 | ” (想象 一 下 客 
户 收 到 贷 之 后 发 现 发 错 了 。) 


也 就 是 说 ， 在 Mountain Lion 中 ,“ 另 存 为 ”的 规则 大 致 是 这 样 的 : 


。 修改 文件 ， 

。 用 新 名 字 保 存 文件 ， 

。 后 续 修改 影响 新 创建 的 文件 ， 而 对 原始 文件 的 修改 也 会 被 保存 ， 

。 可 以 使 用 “恢复 到 上 一 版 ”(Revert to Last) 命令 恢复 到 之 前 的 版 本 。 


这 意味 着 在 “保存 ”和 “复制 ”之 外 又 增加 了 新 规则 。 就 这 样 ， 一 个 
简单 的 、 深 入 人 心 的 微 交互 ， 被 替换 成 了 三 个 不 好 理解 的 微 交互 ， 而 
且 没 有 任何 解释 和 说 明 。 最 终 ， 苹 果 在 Mountain Lion 的 一 次 更 新 中 ， 
又 在 “保存 ”对 话 框 中 增加 了 “在 原始 文档 中 保存 修改 ” 复 选 框 。 你 
说 有 多 乱 吧 。 


通过 这 个 案例 ， 我 们 可 以 吸取 一 些 教训 。 如 果 你 自己 都 不 能 轻易 写 出 
或 画 出 一 个 微 交 互 的 规则 ， 用 户 就 更 难 建立 它 的 思维 模型 了 ， 除 非 你 
能 够 给 出 反馈 ， 营 造 一 些 “ 虚 拟 ” 的 模型 ， 让 用 户 知道 都 发 生 了 什 
么 。 其 次 ， 除 非 你 的 规则 确 确实 实 很 新 颖 ， 否 则 用 户 总 会 带 着 某 种 心 
理 预期 去 使 用 它 。 你 可 以 违背 用 户 的 心理 预期 (事实 上 最 好 的 微 交 互 
都 是 通过 站 履 那 些 根 深 蒂 固 的 心理 预期 才 让 用 户 感到 惊喜 的 )， 前 提 
是 你 的 微 交 互 必须 明显 要 好 很 多 ， 这 样 它 对 用 户 的 价值 才 明 显 一 一 理 
想 情况 下 ， 应 该 让 用 户 感到 有 立 杆 见 影 的 效果 。 侠 果 其 实 经 常 能 带 给 
人 们 惊喜 ， 仅 举 一 个 小 例子 : 填写 电子 邮件 地 址 时 ，iOS 设备 的 键盘 
上 就 会 出 现 “@ ”符号 。 可 是， 如 果 你 的 价值 反馈 不 能 立 杆 见 影 ， 那 
么 你 的 微 交 互 就 会 让 人 觉得 是 故弄玄虚 。“ 仪 仅 为 了 不 同 而 不 同 很 少 























能 做 好 ， 而 做 得 更 好 通常 才 会 让 人 觉得 不 同 。”Dieter Rams 说 。 


3.1 设计 规则 

就 像 每 款 游 戏 的 核心 是 一 组 规则 一 样 ， 每 个 微 交 互 的 核心 同样 是 一 组 
规则 。 游 戏 规则 决定 了 游戏 该 怎么 玩 ， 微 交互 规则 决定 了 微 交 互 能 怎 
么 用 。 而 创建 规则 的 核心 ， 就 是 创建 一 个 围绕 微 交 互 如 何 运 作 的 简单 
的 非 技术 性 心智 模型 。 


或 许 设 计 规则 时 最 重要 的 是 确定 目标 。 设 计 规则 前 ， 需 要 确定 一 个 最 
简单 、 最 明确 的 说 法 ， 即 微 交互 到 底 是 什么 。 最 好 的 目标 应 该 是 容易 
理解 (我 知道 为 什么 要 做 这 件 事 )， 而 且 能 够 完成 的 (我 知道 我 可 以 
做 到 这 件 事 )。 注 意 ， 不 要 把 目标 确定 为 整个 交互 过 程 中 的 某 一 个 步 
又 ， 目 标 是 最 终 状 态 。 比 如 说 ， 登 录 微 交互 的 目标 不 是 让 用 户 输入 密 
码 ， 而 是 让 他 们 完成 登录 并 进入 应 用 程序 。 微 交互 越 接近 目标 ， 成 功 
的 概率 就 越 高 。 目 标 是 规则 的 引擎 ， 一 切 都 围绕 它 展 开 〈 见 图 3-1)。 





























G&H Tea Services Paris Tea-Cup Strainer 
CE 和 


~、 eg Are you sure? Close 9 


Somebody may have purchased this 
for you recently. 


antentie pssd) (Cance! | ) 


Tell me if it was purchased. 











图 3-1: Amazon 上 这 个 微 交 互 的 目标 是 防止 用 户 购买 别人 已 经 为 他 购买 的 
商品 一 一 防止 某 种 情况 出 现 ， 同 时 ( 某 种 程度 上 ) 又 不 影响 惊喜 ( 蒙 Artur 
Pokusin 和 “Little Big Details” 惠 允 使 用 ) 





注 1: 据说 是 1993 年 说 的 ， 见 Klaus Kemp 所 著 的 Dieter Rams: As Little Design as Possible 
(Phaidon Press，2011)。Rams 的 话 很 可 能 是 受 了 18 世纪 德国 哲学 家 Georg Christoph 
Lichtenberg 这 句 话 的 启发 :“ 我 不 知道 不 同 会 不 会 更 好 。 但 我 知道 如 果 更 好 一 定 会 
不 同 。 
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规则 的 目的 虽然 是 限制 用 户 的 动作 ， 但 不 应 该 让 用 户 感觉 到 它 像 规 
则 。 不 应 该 让 用 户 觉 得 需要 遵循 (或 更 坏 的 情况 下 一 一 记 住 ) 一 组 严 
格 的 操作 指示 。 你 的 目标 是 设计 一 个 让 人 感觉 自然 而 然 、 水 到 渠 成 的 
流程 。 换 句 话 说 ， 规 则 应 该 潜移默化 地 引导 用 户 完 成 微 交 互 的 “ 交 
互 ” 过 程 ( 见 图 3-2)。 




















图 3-2: 在 苹果 的 Mountain Lion OS 中 ， 开 启 “ 听 写 与 语音 ”功能 ， 机 器 的 
风扇 就 会 降低 转速 ， 减 少 噪音 ( 蒙 Artur Pokusin 和 “Little Big Details” 惠 
允 使 用 ) 


规则 决定 了 以 下 事项 。 


。 微 交 互 如 何 响应 被 激活 的 触发 器 。 用户 单 击 图 标 时 会 发 生 什么 ?( 参 
见 本 章 3.1.5 市 “不 要 从 零 开 始 ”。) 

。 交互 期 间 用 户 可 以 进行 什么 操作 。 用 户 可 以 取消 下 载 、 调 市 音量 ， 
或 者 手工 触发 通常 是 自动 触发 的 操作 (比如 检查 新 邮件 ) 吗 ? 

。 动作 发 生 的 顺序 及 时 间 。 比 如 ， 在 “搜索 ”按钮 变 成 活动 状态 前 ， 
用 户 必 须 在 搜索 框 中 输入 文本 。 
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。 使 用 什么 数据 以 及 数据 的 来 源 。 微 交互 是 否 依赖 地 理 定 位 、 天 气 状 
态 、 当 前 时 间 、 股 票 价格 ? 如 果 是 ， 这 些 数据 从 哪里 得 来 ? 

。 简洁 的 相关 配置 及 参数 。 规 则 从 整体 上 来 看 是 可 以 用 算法 表达 的 ， 
而 微 交 互 的 某 些 部 分 又 是 由 算法 驱动 的 。( 参 见 本 章 3.4 市 “算法 ”。) 

。 什么 时 候 提供 什么 反馈 。 规 则 可 以 表明 哪个 “步骤 ”应 该 有 反馈 ， 
以 及 后 台 都 在 进行 什么 操作 。 

。 微 交 互 处 于 什么 模式 (mode)。 这 里 所 谓 的 “模式 ”是 指 规则 中 应 
该 尽 可 能 避免 的 “分 又 ”"。 但 有 时候 这 种 “分 又 ”又 是 必要 的 。 比 
如 在 很 多 天 气 应 用 中 ， 输 入 城市 就 是 一 个 输入 模式 ， 它 独立 于 默认 
的 查看 天 气 模式 。 关 于 模式 的 更 多 内 容 ， 请 参见 第 5 章 。 

。 微 交互 是 否 重复 以 及 多 久 重 复 一 次 。 微 交互 是 一 次 性 的 活动 ， 还 是 
个 循环 往复 的 过 程 ? 关于 循环 的 更 多 内 容 ， 请 参见 第 5 章 。 

。 微 交 互 结束 时 会 发 生 什么 。 微 交互 结束 时 是 切换 到 另 一 个 微 交 互 ， 
还 是 自动 消失 ? 亦 或 永远 不 会 结束 ? 


用 户 可 能 知道 也 可 能 不 知道 规则 的 存在 ， 而 规则 让 自己 可 见 的 方式 有 
两 种 ， 允许 做 什么 和 不 允许 做 什么 〈 见 图 3-3) 。 这 两 种 方式 都 反馈 的 
时 机 (参见 第 4 章 ) ; 当然， 正如 第 1 章 开 头 那个 故事 所 揭示 的 ， 有 
时 候 用 户 的 心智 模型 与 规则 生成 的 概念 模型 不 一 定 匹配 。 





























图 3-3: MailChimp 为 了 告诉 用 户 不 能 做 什么 ， 让 可 怜 的 黑猩猩 伸 出 脱 膊 来 
表示 宽度 ， 一 旦 超过 指定 宽度 ， 黑 猩猩 的 脱 膊 就 会 掉 下 来 ( 蒙 “Little Big 
Details” 惠 人 允 使 用 ) 

我 们 还 是 以 开 灯 这 个 最 简单 的 微 交 互 为 例 。 开 灯 的 规则 如 下 : 


。 如 果 开 关 被 按 下 ， 灯 点 亮 并 保持 ， 
。 如 果 开 关 再 次 被 按 下 ， 灯 熄灭 。 
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非常 简单 。 -假如 我 们 在 开关 上 增加 一 个 运动 传感器 ， 规 则 就 会 复杂 
很 多 。 


。 每 3 秒 钟 检 查 一 次 运动 。 

。 如 果 有 物体 移动 ， 确 定 是 否 与 人 体 大 小 相仿 ? (一 只 猫 跑 过 来 ， 不 
必 开 灯 。) 

。 如 果 是 ， 开 灯 。 

。 每 3 秒 钟 检 查 一 次 运动 。 

。 有 物体 移动 吗 ? 

。 如 果 没 有 ， 等 10 秒 钟 ， 关 灯 。 


当然 ， 这 些 规则 未 必 无 懈 可 击 。3 秒 检测 一 次 是 不 是 太 长 ? 还 是 说 太 
这 么 频繁 是 不 是 太 耗 电 了 ? 或 许 你 真 想 让 猎 跑 进 屋 的 时 候 也 
能 自动 开 灯 。 我 相信 ， 读 者 中 一 定 有 不 少 人 有 过 在 洗手 间 因 为 传感器 
ee ee 0 
显然 ， 规则 决定 什么 事情 发 生 ， 以 什么 顺序 发 生 ， 进而 影响 用 户 体验 。 


3.1.1 生成 规则 

设计 规则 最 简单 的 方式 ， 就 是 一 开始 先 把 你 能 想到 的 规则 大 体 上 记录 
下 来 。 一 般 来 说 ， 能 够 记录 下 来 的 都 是 微 交 互 期 间 的 主要 动作 ， 只 要 
把 它们 一 步 一 步 地 按照 顺序 记录 下 来 即 可 。 比 如 把 一 件 商 品 放 到 购物 
车 里 ,一 开始 规则 可 能 如 下 所 示 : 


1. 在 商品 页 面 上 ， 用 户 单 击 “ 添 加 到 购物 车 ”按钮 ， 
2. 商品 被 添加 到 “购物 车 ”中 。 


上 述 规则 很 简单 。 但 随 着 设计 的 细 化 ， 以 上 规则 会 变 得 复杂 起 来 。 
































ei 


注 2: 当然 ， 真实 的 电灯 开关 的 工作 原理 不 是 这 样 的 。 按 下 开关 就 会 接 通 电路 ， 电 流 流 过 
[ 泡 。 再 按 下 开关 就 会 切断 电路 。 但 用 户 不 必 知 道 这 些 物 理 上 的 细节 ， 只 要 理解 规 
即 可 。 


党 











污 
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1. 在 商品 页 面 上 ， 检 查 用 户 以 前 是 否 购买 过 这 个 商品 。 如 果 购 买 过 ， 
把 按钮 的 标签 由 “添加 到 购物 车 ” 改 为 “再 次 添加 到 购物 车 ”。 

2. 检查 用 户 的 购物 车 中 是 否 已 经 有 了 这 个 商品 。 如 果 有 了 ， 把 “添加 
到 购物 车 ” 改 为 “再 添加 一 个 到 购物 车 ”。 

3. 用 户 单 击 按钮 。 

4. 把 商品 添加 到 购物 车 。 








差不多 如 此 。 而 这 还 只 是 设计 一 个 如 图 3-4 所 示 按 钮 的 规则 。 进 行 真 
正 设计 时 ， 规 则 可 能 还 会 更 多 。 
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图 3-4: 简单 按钮 的 规则 。 如 果 有 人 在 Mixcloud 上 已 经 关注 了 你 ,“ 关 注 ” 
按钮 会 变 成 “互相 关注 ”( 蒙 Courtesy Murat Mutlu 和 “Little Big Details” 
惠 允 使 用 ) 


当然 ， 如 果 能 够 可 视 化 地 呈现 规则 ， 那 就 更 好 了 。 有 了 时候， 逻辑 关系 
图 非常 有 用 〈 见 图 3-5)。 
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按钮 标签 为 “再 添 购物 车 中 有 这 
EN 个 商品 吗 ? 


按钮 标签 为 “再 次 角 户 以 前 买 过 
添加 到 购物 车 ” 这 个 商品 吗 ? 






按钮 标签 为 “ 添 
加 到 购物 车 ” 


用 户 单 击 按钮 
商品 添加 到 
购物 车 











图 3-5: 表示 规则 的 逻辑 关系 图 

规则 关系 图 能 够 让 人 对 规则 之 间 的 逻辑 关系 一 目 了 然 ， 知 道 哪些 动作 
变 得 (过度) 复杂 了 。 另 外 ， 关 系 图 也 能 帮 人 发 现 一 些 在 纯 文 本 形式 
下 发 现 不 了 的 错误 。 图 3-6 展示 了 一 个 细微 的 规则 。 
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图 3-6: 苹果 的 Pages 会 自动 添加 更 低级 别 的 标题 样式 ， 但 前 提 必 须 是 已 经 
使 用 了 当前 最 低级 别 的 样式 。 比 如 ， 只 有 在 已 经 使 用 了 Heading 2 的 情况 下 ， 
才 会 显示 Heading 3 ( 蒙 “Little Big Details” 惠 允 使 用 ) 
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3.1.2 动词 与 名 词 

可 以 把 微 交 互 想象 成 一 句 话 。 这 和 句 话 中 的 动词 代表 用 户 要 采取 的 动 
作 ， 名 词 代表 辅助 实现 该 动作 的 对 象 ( 见 图 3-7)。 比 如 ， 通 过 滑动 条 
可 以 调节 音量 大 小 。 动 词 就 是 用 户 可 以 做 什么 (调节 音量 大 小 )， 而 
名 词 就 是 通过 什么 来 调节 (滑动 条 )。 








Your Run on 6/19/11 at 12:25pm 25 由 


/Do2m 


人 8'56"mi 区 1:02:06 4 431cal 


rae) Play Nike+ Tag 














图 3-7: 如果 有 朋友 “喜欢 ”你 在 Facebook 上 的 跑步 记录 ， 你 就 能 在 使 用 
Nike+ 应 用 时 从 耳机 中 听 到 加 油 的 欢呼 声 ( 蒙 “Little Big Details” 惠 允 使 用 ) 


微 交 互 中 的 所 有 对 象 (包括 UI 界面 中 每 一 部 分 、 表 单 中 的 每 个 元 素 
和 控件 、 每 个 LED 灯 )， 都 是 带 有 特征 和 状态 的 名 词 。 而 规则 定义 了 
这 些 特征 和 状态 ( 见 图 3-8)。 以 一 个 简单 的 下 拉 菜 单 为 例 ， 它 有 两 个 
状态 : 打开 和 关闭 。 打 开 时 ， 菜 单 选 项 会 显示 出 来 ， 这 些 选 项 就 是 菜 
单 的 特征 。 除 了 选项 ， 菜 单 还 可 以 有 其 他 特征 ， 比 如 最 多 显示 的 选项 
个 数 和 每 个 选项 标签 的 最 大 长 度 。 菜 单 还 可 以 有 其 他 状态 ， 比 如 悬 停 
打开 和 悬 停 于 选项 上 时 显示 工具 提示 条 。 诸 如 此 类 的 细节 都 要 由 规则 
来 定义 。( 动 词 也 有 特征 。 比 如 ， 某 个 任务 完成 得 多 快 ? 一 个 动作 花 
多 长 时 间 ? 这 些 同 样 也 要 由 规则 来 定义 。) 
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Password must: 


® Have at least one letter 
O Have at least one capital letter 
OQO Haveat least one number 


®@ Not contain more than 3 
Consecutive identical characters 


@ Not be the same as the account 
name 


加 Be atleast 8 characters 











图 3-8: 修改 Apple ID 的 密码 时 ， 程 序 会 随 着 用 户 输入 逐个 核对 “必须 ……” 
条 件 .这 种 直观 的 方式 揭示 出 了 微 交 互 的 约束 作用 ( 蒙 Stephen Lewis 和 ”Little 
Big Details” 惠 人 允 使 用 ) 


微 交 互 中 的 每 个 名 词 都 应 该 独一无二 。 如 果 有 两 个 相同 的 名 词 ， 要 想 办 
法 把 它们 合 二 为 一 。 还 要 注意 ， 两 个 (或 多 个 ) 看 起 来 相同 的 名 词 ， 它 
们 的 行为 也 应 该 相同 ( 见 图 3-9)。 两 个 看 起 来 类 似 的 按钮 ， 它 们 的 行 
为 不 能 差 得 太 远 。 行 为 不 同 的 对 象 看 起 来 应 该 完全 不 一 样 。 类 似 地 ， 相 
同 的 名 词 在 不 同 的 地 方 也 不 能 行为 杀 异 。Android 系统 中 的 “后 退 ” 按 
钮 就 是 一 个 著名 的 例子 ， 它 能 把 用 户 带 到 什么 地 方 ? 在 不 同 的 应 用 中 答 
案 也 不 同 : 有 了 时候 是 前 一 个 面板 ， 有 时候 则 是 完全 不 同 的 应 用 (参见 
Ron Amadeo 的 文章 “Stock Android Isn’t Perfect”: http://t.cn/zlzCee4)。 








Credit card information 


画图 国画 国 国 一 
Card Number 


L___ 


Credit card information 
[ws 


Card Number 


图 3-9: GitHub 不 让 用 户 选择 信用 卡 ， 而 是 根据 用 户 输入 的 卡号 自动 判断 并 
作出 选择 ( 蒙 “Little Big Details” 惠 人 允 使 用 ) 
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微 交 互 的 最 高 境界 通常 都 是 给 用 户 提 供 多 种 多 样 的 动词 ， 但 只 提供 最 
少 的 名 词 。 


3.1.3 ”屏幕 与 状态 

实现 规则 时 很 有 诱惑 力 的 一 种 做 法 ， 就 是 为 规则 中 的 每 一 步 都 设计 出 
一 个 屏幕 ， 换 名 话说 ， 就 是 为 整个 微 交 互 设 计 一 连 串 安装 向 导 式 的 
UI。 这 种 做 法 适合 一 些 特殊 的 微 交 互 。 那 怎么 个 特殊 法 呢 ? 每 个 步骤 
要 明确 、 不 连续 ， 不 会 反复 出 现 ， 甚 至 只 要 过 一 遍 就 完事 。 但 是 ， 对 
于 大 多 数 微 交 互 而 言 ， 这 种 做 法 会 破坏 整个 工作 流程 ， 造 成 不 必要 的 
割裂 。 事 实 上 ， 采 用 独立 屏幕 往往 不 如 利用 状态 变化 。 因 为 状态 变化 
可 以 在 不 加 载 新 屏幕 的 情况 下 ， 渐 进 地 揭示 每 时 每 刻 必须 做 出 的 决定 
或 操作 的 控件 ( 见 图 3-10)。 








Ee 3350 02/12 ICVV ZIP | 














图 3-10; 在 iOS 应 用 Square 中 输入 CVV (Card Verification Value ， 信 用 
卡 安全 码 ) 时 ， 信 用 卡 图 片 会 翻 到 另 一 面 ， 让 用 户 一 眼 就 知道 到 哪里 找到 该 
号 码 ( 蒙 Dion Almaer 惠 允 使 用 ) 


随 着 用 户 一 步 一 步 地 遵循 规则 进入 微 交 互 ， 微 交互 中 的 对 象 (名 词 ) 
可 以 (或 者 说 应 该 ) 改变 ， 以 反映 每 时 每 刻 的 变化 。 每 次 改变 都 是 一 
种 应 该 在 设计 时 考虑 的 状态 〈 见 图 3-11)。 














1 Today's Birthdays See All 围 Kimberly Wiefling and Sajan V. Raj 
Kimberly Wiefling eal me) Ee 
| Write on Kimberty's wall... 看 Marius Andersen poked You 
】 
-< Sajan V. Raj Sponsored Story See All 
‘et Write on Sajan's wall... 图 Lilit Katlapa likes Louis Vuitton. 
外 

















要 5 Louis Vuittan 


图 3-11: 如 果 几 个 朋友 的 生日 恰好 在 同一 天 ，Facebook 的 生日 微 交互 支持 
你 同时 给 他 们 留言 ( 蒙 Marina Janeiko 和 “Little Big Details” 圳 允 使 用 ) 
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用 户 可 以 与 之 交互 的 任何 对 象 都 〈 至 少 ) 有 三 种 状态 。 


。 邀请 /默认 状态 
第 一 次 呈现 在 用 户 眼前 时 的 状态 。 这 个 状态 也 适合 呈现 一 些 预先 加 
载 的 数据 。 


。 活动 状态 
用 户 与 之 交互 时 ， 对 象 有 什么 反应 ? 


。 更 新 后 的 状态 
用 户 停止 与 之 交互 后 ， 对 象 有 什么 变化 ? 


我 们 以 简单 的 拖 放 为 例 。 可 以 拖 放 的 对 象 ， 它 的 初始 /默认 状态 应 该 
看 起 来 就 是 可 以 拖 动 的 。 而 且 ， 除 此 之 外 ， 对 象 本 身 (以 及 光标 ) 应 
该 有 一 个 悬 停 状态 ， 表 示 对 象 可 以 拖 动 。 而 在 被 拖 动 期 间 ， 对 象 还 可 
以 变 成 另 一 种 状态 。( 此 时 ， 屏 幕 [ 另 一 个 名 词 ] 也 可 以 变 成 另 一 种 状 
态 ， 表 示 可 以 把 对 象 放 在 哪里 。) 最 后 ， 还 有 一 个 放置 状态 ， 有 可 能 
就 是 恢复 为 默认 状态 ( 见 图 3-12) 。 








Share a link with your followers 


SIRENS by @CAMPSTAG: http://youtu.be/fEVEtdGXUI4 


Username or email 99 匡 > :1 


Password 


J Remember me ' Forgot password? 











图 3-12: 在 Twitter 上 ， 分 享 链接 的 按钮 有 两 个 空闲 状态 : 登录 和 未 登录 。 如 
果 未 登录 ， 单 击 该 按钮 可 以 同时 登录 和 分 享 ( 蒙 Rich Dooley 和 “Little Big 
Details” 惠 允 使 用 ) 


微 交 互 的 设计 师 应 该 关注 每 一 个 状态 ， 因 为 每 一 个 状态 都 需要 向 用 户 
传达 信息 ， 告诉 用 户 当时 发 生 了 什么 ， 即使 什么 也 没有 发 生 。 
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3.1.4 约束 条 件 
设计 规则 时 需要 考虑 业务 性 、 环 境 性 及 技术 性 的 约束 ( 见 图 3-13 ) ， 
包括 但 不 限于 以 下 几 个 方面 。 








Name John Smith 
Gender [ Male 3 
Birthday 24 |[April 3 2014 | A Aeyourealy from thefuture? 
Country | New Zealand 5 
?ostal Code 








图 3-13: Yahool 的 注册 微 交 互 不 允许 填写 将 来 的 日 期 ， 因 此 只 提供 下 拉 列 表 
让 用 户 从 中 选择 ， 从 而 完全 避免 错误 ( 蒙 “Little Big Details” 囊 允 使 用 ) 


。 可 用 的 输入 和 输出 方法 。 有 键盘 吗 ? 有 扬声器 吗 ? 

。 输入 内 容 的 类 型 和 范围 。 比 如 ， 密 码 框 允许 输入 几 个 字符 ,或 者 用 
户 可 以 把 音量 调 到 多 大 。 

。 要 付出 哪些 代价 。 不 仅仅 从 金钱 角度 〈 例 如 ， 如 图 3-14 所 示 的 那 
样 使 用 某 些 数据 服务 )， 还 要 从 资源 消耗 或 占用 角度 考虑 要 付出 什 
么 代价 。 每 10 秒 向 服务 器 发 送 一 次 请 求 可 能 会 给 服务 器 带 来 极 大 
负担 ， 同 时 也 会 导致 设备 电池 消耗 过 快 。 








Are you sure you want to add this to your Wish List? 


This item can currently be downloaded for free, but prices are 
subject to change. 





| AddtoWishList | | Cancel | DownloadNow | 

















图 3-14: 在 向 愿望 清单 里 添加 免费 商品 时 ，iTunes 会 告诉 你 只 要 下 载 就 可 以 

免费 安装 了 ( 蒙 “Little Big Details” 惠 人 允 使 用 ) 

。 可 用 的 数据 有 哪些 。 可 以 通过 传感器 收集 到 哪些 数据 ? 有 哪些 服务 
或 API 可 以 用 来 取得 位 置 、 新 闻 、 天 气 、 时 间 等 信息 ? 
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。 可 以 收集 哪些 数据 。 可 以 收集 和 使 用 用 户 个 人 的 哪些 (行为) 数据? 
最 后 两 个 约束 条 件 可 以 让 你 不 必 从 零 开 始 。 


3.1.5 不 要 从 零 开 始 
对 任何 微 交 互 而 言 ， 触 发 器 被 启动 后 的 第 一 个 问题 都 是 : 我 对 用 户 以 
及 用 户 所 处 的 情境 了 解 多 少 ? 你 肯定 了 解 一 些 情况 ， 而 有 些 情 况 可 以 
用 于 改进 微 交 互 ( 见 图 3-15 ) 。 





Brightness Low 


Foryourtickets to be scanned, we 
will increase your brightness 
temporarily: 














图 3-15: iOS 应 用 Eventbrite 为 了 方便 扫描 二 维 码 ， 会 临时 增加 Mobile 
Ticket 屏幕 的 亮度 。 对 于 这 个 情境 而 言 增加 亮度 是 有 必要 的 ， 不 过 这 个 警告 
框 似乎 没什么 必要 ( 蒙 Phil Metcalfe 和 “Little Big Details” 惠 允 使 用 ) 
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以 下 是 一 些 常 见 的 例子 : 


。 用 户 使 用 的 平台 /设备 ， 
。 当天 的 时 间 ， 

。 房间 的 噪音 ; 

。 微 交 互 的 持续 使 用 时 间 ， 
。 用 户 是 不 是 在 开会 ; 

。 用 户 是 不 是 一 个 人 ; 

。 电池 还 剩 多 少 电量 ， 

。 设备 的 位 置 和 方向 ; 

。 用 户 刚才 做 过 什么 。 


有 些 并 非 直接 来 源 于 用 户 的 数据 可 能 会 更 有 用 ( 见 图 3-16)。 








COMPLETE YOUR PROFILE 
80% complete 


14 of your friends work at Google. 
Do you work here, too? 














图 3-16: Google+ 会 根据 你 朋友 的 职业 猜测 你 在 哪里 上 班 ( 蒙 Artem 
Gassan 和 “Little Big Details” 惠 人 允 使 用 ) 


最 后 一 项 、 可 能 也 是 最 重要 的 一 方面 数据 有 赖 于 收集 用 户 的 行为 信 
息 。 记 住 ,“ 从 系统 资源 角度 说 可 能 是 这 个 问题 ”的 观点 早 就 过 时 了 。 
今天 ， 即 使 是 小 功率 的 家 用 电器 都 有 了 足够 的 内 存 和 处 理 器 去 收集 这 
些 信息 。 因 此 真正 的 问题 在 于 ， 我 们 能 否 说 服 人 力 资源 (开发 人 员 ) 
相信 这 是 一 件 值 得 做 的 事 。( 事 实 上 ， 这 是 绝对 值得 的 。) 当然 ， 设 
计 师 应 该 明白 : 必须 尊重 隐私 。 假 如 微 交 互 涉及 一 些 敏 感 话题 (比如 
体检 结果 )， 那 你 很 可 能 涉嫌 收集 个 人 隐私 。 怎 么 区 分 呢 ? 可 以 向 自 
己 提问 : 微 交互 收集 到 的 信息 是 否 会 让 用 户 感到 尴 众 、 羞 愧 或 威胁 ? 
如 果 是 ， 就 不 要 收集 了 。 用 户 宁 要 没有 个 性 的 体验 ， 也 不 想 暴露 隐私 
( 见 图 3-17) 。 
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©@ Step 3 - Select a Delivery Date 


Click Here to Select Date 其 


*Father's Dayis 6M7 














图 3-17: Pro Flowers 在 你 选择 送 货 时 间 时 会 向 你 显示 最 近 的 节目 ( 蒙 
Gabriel Henrique 和 “Little Big Details” 惠 允 使 用 ) 


这 些 数据 经 常 可 以 混合 使 用 ， 比 如 : 每 天 10 点 ， 用 户 做 某 某 事 ， 因 
此 如 果 用 户 恰好 这 个 时 间 触 发 微 交 互 ， 就 为 他 提供 某 某 。 比 如 : 用 户 
每 隔 一 定时 间 到 某 个 地 方 ， 就 会 做 某 某 事 。 再 比如 : 用 户 每 次 通过 移 
动 设 备 登录 ， 都 只 会 阅读 。 图 3-18 展示 了 这 么 一 个 例子 。 











taokhaw, Shop v ”Participatev Communityr Info 
shop > | 


图 3-18: 第 一 次 登录 时 ，Threadless 会 让 你 知道 能 否 把 货 送 到 你 所 在 的 国家 
( 蒙 “Little Big Details” 惠 允 使 用 ) 











总 之 ， 就 是 要 善于 利用 情境 和 之 前 的 行为 预测 或 增强 微 交 互 〈 见 图 
3-19)。 可 以 把 收集 用 户 数据 的 过 程 当成 持续 的 用 户 研 究 ， 在 此 基础 上 
进行 分 析 就 有 可 能 了 解 用 户 如 何 使 用 微 交 互 ， 从 而 做 出 有 针对 性 的 调 
整 。 比 如 ， 通 过 收集 用 户 行为 数据 ， 你 会 发 现 应 该 让 高 级 用 户 利用 不 
可 见 的 触发 器 跳 过 规则 的 某 些 步 又 。 导 航 应 用 Waze 让 高 级 用 户 请 动 
(而 不 是 按 下 ) 按钮 就 可 以 直接 打开 导航 ， 省 了 两 次 点 击 操作 。 
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Safari Chrome 


-与 Dropbox.dmg 























1 Dropbox.dmg 








1. Run the Dropbox Installer 1. Run the Dropbox Installer 


Click on the .dmg file that just downloaded in the 
lower left corner of your browser window. 


From your browser's Downloads window, double 
click the .dmag file that just downloaded. 








图 3-19: Dropbox 根据 用 户 使 用 的 浏览 器 改变 下 载 说 明 ( 蒙 Mikko Leino 和 
“Little Big Details” 惠 允 使 用 ) 


3.1.6 ”理解 复杂 性 

我 们 在 第 1 章 介 绍 过 的 发 明 剪贴 操作 的 Larry Tesler 曾经 有 一 个 观点 ， 
非常 适合 设计 规则 : 特 斯 勒 复杂 性 守恒 定律 。 这 个 定律 的 大 意 就 是 ， 
所 有 活动 都 有 内 在 的 复杂 性 ， 超 过 了 某 个 临界 点 ， 简 化 是 不 可 能 的 。 
既然 如 此 ， 唯 一 的 问题 就 是 如 何 对 待 复杂 性 。 要 么 让 系统 来 处 理 ， 不 
让 用 户 介 入 ; 要 么 让 用 户 来 处 理 ， 把 更 多 的 决定 权 (包括 控制 权 ) 交 
给 用 户 ( 见 图 3-20)。 

















IxDA Pittsburgh Conference IxDA Pittsburgh Conference 
Redux Redux 
location None 
各 $0 I-day Bovasod all-day Bo 
y from 08/08/2012 06:00 PM ©Cy rom 08/08/2012 06:00 PM DC 
i MAug 2012 4@ Rd to 08/08/2012|09:00 PM 
Se 和 rt 的 的 和 Tim 6€:30 PM 30 minutes 
3 1234 六 7:00 PM 1 hou 
showas| 5 6 7 9 10 11 show as Busy$ 7:30 PM 1.5 hour 
1213 1415161718 8:00 PM 2 hou' 
calendar| 19 20 21 22 23 24 25 calendar BixOA $ 8:30 PM hour 
V 9:00 PM 3 hou 
alert| 26 27 28 29 30 31 alert None$ 
om Bis 
mony 避 invitees POMYIEEI 篇 Ohony 避 invitees Invi 瑟 癌 
attachments AddFile attachments Add File,, 
url None 
note None note None 
Done Done 

















图 3-20: 即使 是 难 用 的 iCal, 在 选择 时 间 的 微 交 互 中 也 有 一 个 值得 称道 的 规则 。 
这 个 微 交 互 不 让 你 自己 计算 活动 需要 多 长 时 间 ， 而 是 会 在 你 选择 结束 时 间 时 自 
动 给 出 活动 的 持续 时 间 。 这 是 微 文案 的 一 个 实际 应 用 ( 蒙 Jack Moffett 惠 允 使 用 ) 
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72 条 3 和 草 


设计 微 交 互 时 ， 人 们 大 都 倾向 于 减少 用 户 控制 ， 而 让 微 交互 处 理 大 多 


数 复杂 性 。 对 此 ， 我 们 想 给 
制 ， 但 即使 如 此 ， 拓 





出 一 个 忠告 : 有 些微 交互 必须 由 用 户 来 控 
系统 仍然 需要 处 理 一 定 的 复杂 性 ( 见 图 3-21)。 








也 CT Select Relation: 
Sister 
We will request confirmation of Mother 
Asemota upon saving. Daughter 
Auntie 
| Jennifer MANNIIN Y Niece 
Cousin (female) 
Grandmother 
We will request confirmation ol Granddaughter 
Asemota upon saving. Wife 
Stepsister 
Marc MVNA Seerothi 
Stepdaughter 
Add another family member Sister-in-law 


Mother-in-law 
Daughter-in-law 
Partner (female) 


Bl Angela NI Niece Bd 









We will request confirmation ol Y Select Relation: 
Asemota upon saving. 


国 Jennifer MAN 


Cousin (male) 
Grandfather 
Grandson 

外 | Marc MNMMN pe ~ 
Husband 

Stepbrother 

Stepfather 

Stepson 

Brother-in-law 


We will request confirmation of 
Asemota upon saving. 


Add another family member 














Father-in-law 








图 3-21: 在 Facebook 上 添加 新 家 庭 成 员 时 ，Facebook 会 自动 判断 被 选 家 
庭 成 员 的 性 别 ， 并 尽 可 能 调整 列表 框 中 的 成 员 关 系 ( 蒙 Stefan Asemota 和 


“Little Big Details” 惠 允 使 用 ) 


首先 ， 要 找 出 最 核心 的 复杂 


性 在 什么 地 方 ， 确 定 用 户 掌握 着 哪 一 部 分 


以 及 何 时 需要 介入 。 如 果 用 户 介 入 绝对 必要 ， 则 适时 将 控制 权 交 给 





户 ( 见 图 3-22)。 





Google translate 


From: English-detected "| 加 To: Danish "| Translate | 


Thaaailis in the details 


园 usten 
From: |Englsh-detected | @ To:|Danish | Tanslate | 


Tedeviiisinthe details 


团 Uisten 





English - detected to Danish translation 


Dijavlen eri detaljerne 
园 Listen Gick for alternate translations 


Newl Hold down the shift key, click, and drag the words above to reorder Dismiss 


English - detected to Danish translation 


Dijavlen er i detaljerne 
Djaavelen 
Djavelens .Drag wih shiftkey tw reorder. 





Fanden click, and drag the words above to reorder Dismiss 
Atdjaevelen 
EE ca 








图 3-22: 光标 悬 停 在 Google Translate 中 的 译文 上 时 ， 对 应 的 原文 会 自动 
高 亮 。 可 以 更 改 译文 ， 但 必须 与 原文 一 一 对 应 ( 蒙 Shruti Ramiah 和 “Little 


Big Details” 惠 人 允 使 用 ) 





从 处 理 复 杂 性 的 角度 来 说 ， 计 算 机 肯定 要 比 人 更 能 胜任 。 如 果 你 的 微 
交互 中 涉及 下 列 复杂 性 ， 那 就 让 系统 处 理 


。 快速 计算 ， 

。 同时 执行 多 个 任务 ， 

。 记忆 很 多 东西 ; 

。 检测 复杂 模式 ， 

。 从 大 数据 集中 搜索 特定 的 物品 。 


当然 ， 除 了 让 系统 承担 起 处 理 复杂 性 的 任务 外 ， 你 还 必须 足够 聪明 ， 
知道 给 用 户 提供 哪些 选择 以 及 它们 的 默认 值 。 


3.2 有限 的 选项 和 聪明 的 默认 项 


提供 给 用 户 的 选项 越 多 ， 微 交互 的 规则 也 就 越 多 。 一 般 来 说 ， 规 则 越 
少 则 微 交 互 就 越 容易 理解 。 因 此 ， 要 尽量 少 给 用 户 选 择 ， 同 时 提供 聪 
明 的 默认 项 。 


对 于 微 交 互 来 说 ， 最 好 能 提示 (或 自动 执行 ) 用 户 最 可 能 采取 的 下 一 
个 动作 。 提 示 的 方式 可 以 是 去 掉 其 他 所 有 选项 ， 或 者 视觉 上 给 出 变化 
(比如 ， 提 供 一 个 大 按钮 ) 。 正 如 游戏 设计 师 Jesse Schell 在 他 的 书 The 
Art of Game Design (CRC Press) 中 所 说 的 :“ 控 制 了 用 户 的 眼睛 ， 就 
控制 了 用 户 的 脚步 。 

知道 了 用 户 最 可 能 采取 的 下 一 个 步骤 ， 你 就 可 以 自动 地 、 在 没有 用 户 
干预 的 情况 下 执行 或 呈现 该 步骤 ( 见 图 3-23 和 图 3-24) 。 这 是 把 微 交 
互 连 接 为 一 个 整体 的 好 办 法 (参见 第 6 章 的 6.5 节 “ 编 排 微 交互 ”) 。 























图 3-23: 在 YouTube 上 按 Report( 举 报 ) 按 钮 会 自动 停止 播放 你 想 举 报 的 视频 ， 
它 会 为 你 执行 下 一 个 可 能 的 动作 ( 蒙 Aaron Laibson 和 “Little Big Details” 
惠 允 使 用 ) 











Photography by Edward Burtynsky Bee Create Pin 
Title: Jessica 6 in Logan's Run | 加 pinterest.com/pin/create/bookmarklet/?media=http%3A%2F%2Fpayload65.cargocollective.c. 
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图 3-24: 在 把 图 片 添加 到 图 片 分 享 社交 网 站 Pinterest 时 ， 页 面 中 选中 的 文字 
会 自动 填充 为 图 片 的 标题 ( 蒙 Louisa Fosco 和 “Little Big Details” 惠 允 使 用 ) 


用 户 手 里 的 每 个 选项 都 至 少 对 应 于 一 条 规则 ， 因 此 减少 规则 的 最 好 办 
法 就 是 给 用 户 提 供 有 限 的 选项 。 简 言 之 ， 选 项 越 少 越 好 。 微 交互 致力 
于 把 一 件 事 做 好 ， 理 想 情况 下 用 户 看 不 到 选项 ， 一 以 贯 之 的 只 有 聪明 
的 默认 项 。 所 有 人 都 只 要 操作 一 下 ， 然 后 一 劳 永 逸 : 规则 一 结束 后 是 
规则 三 ， 然 后 是 规则 三 。 这 正 是 谷歌 的 搜索 框 成 为 21 世纪 早期 最 有 
效率 (至少 在 互联 网 上 被 使 用 最 多 ) 的 微 交 互 的 原因 。 每 个 人 都 遵循 
相同 的 规则 : 


。 输入 文本 按 下 (大 大 的 ) 搜索 按钮 ， 
。 看 到 搜索 结果 。 


当然 ， 谷 歌 也 免不了 多 给 了 用 户 一 个 选项 :“ 手 气 不 错 ” 按 钮 。 点 这 个 
按钮 会 直接 显示 排名 最 高 的 搜索 结果 。 “手气 不 错 ” 按 钮 只 有 1% 的 用 
户 使 用 ， 而 且 据 报道 称 ， 这 个 按钮 每 年 都 会 让 谷歌 损失 1 亿美 元 的 广 
告 收入 。2010 年 ， 谷 歌 在 推出 “Google Instant”( 瞬 时 搜索 ) 时 果断 
删除 了 “手气 不 错 ”。Google Instant 能 随 着 用 户 输 入 实时 显示 搜索 结 
果 ， 因 此 根本 没有 按 “ 手 气 不 错 ” 的 必要 。” 于 是 ， 规 则 变 成 了 这 样 : 














注 3: Nicholas Carlson,“Google Just Killed The“Tm Feeling Lucky Button”” (谷歌 拢 杀 了 “ 手 
气 不 错 ” 按 钮 ) Business Insider，2010 年 9 月 8 日 。 
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外 输入 文本 ; 
。 显示 搜索 结果 。 


这 个 规则 已 经 没 办 法 再 简化 了 ， 除 非 谷歌 能 猜 出 来 你 想 搜索 什么 ， 然 
后 立即 把 结果 显示 给 你 。 


对 微 交 互 而 言 ， 两 个 选项 可 能 都 太 多 了 。 但 这 并 不 是 说 不 能 提供 选 
项 ， 比 如 温度 设 定 ( 热 、 温 上 暧 、 冷 )， 而 是 说 提供 更 多 选项 造成 规则 
又 变 是 不 明智 的 。 规 则 的 这 种 变化 很 可 能 导致 微 交互 进入 另 一 种 模式 
(参见 第 5 章 )。 最 常见 的 例子 就 是 “忘记 密码 了 ? ”链接 ， 很 多 登录 
微 交互 都 提供 这 个 选项 。 单 击 该 链接 ， 用 户 就 会 进入 另 一 种 模式 ， 而 
该 模式 最 终 可 以 把 用 户 带 回 主 模式 输入 想起 来 的 密码 。 


要 替 用 户 做 出 某 些 默认 选择 ， 某 些 情 况 下 应 该 给 出 与 决定 相关 的 说 
明 。 比 如 苹果 的 日 历 提醒 功能 ， 在 显示 提醒 〈 如 “15 分 钟 后 开会 ”) 
时 ， 还 会 显示 一 个 “再 睡 一 会 ”按钮 。 可 是 ， 并 没有 同时 显示 “再 
睡 ” 多 长 时 间 (我 自己 的 经 验 是 15 分 钟 ， 有 点 太 长 了 )， 也 没有 给 出 
修改 这 个 默认 项 的 选项 。 实 际 上 ,把 “再 睡 15 分 钟 ”作为 按钮 的 标 
签 应 该 更 好 ， 因 为 它 说 明了 规则 。 

















最 明显 的 默认 项 应 该 是 大 多 数 人 大 多 数 情况 下 会 用 到 的 。 即 使 你 觉得 
这 个 选项 不 应 该 禁用 户 选 择 ， 也 应 该 让 它 看 起 来 非常 明显 。 最 常见 的 
例子 就 是 “确定 /取消 ”按钮 。 “取消 ”被 按 下 的 机 会 一 般 比 “确定 ” 
少 得 多 ， 因 此 “确定 ”应 该 更 容易 看 到 (要 么 大 一 些 ， 要 么 颜色 上 加 
以 区 分 )。 另 外 ， 不 要 忘 了 “ 回 车 ” 键 (当然 ， 前 提 是 用 户 设 备 上 有 
这 个 键 )。 按 下 “ 回 车 ”应 该 执行 默认 操作 。 


如 果 必 须 向 用 户 提供 一 个 选项 ， 那 么 要 记 住 : 怎么 呈现 这 个 选项 会 影 
响 用 户 的 选择 。 位 于 列表 项 部 或 底部 的 项 目 ， 比 位 于 列表 中 部 的 项 目 
更 容易 被 记 住 。 而 高 亮 的 项 目 被 选择 的 机 会 也 比 未 高 亮 的 项 目 多 。 如 
果 需 要 用 户 做 出 一 连 串 决定 ， 那 么 先 从 简单 的 开始 ， 慢 慢 地 给 出 复杂 
的 选项 。 美 国美 林 银 行 负责 可 用 性 的 副 总 裁 Colleen Roller 说 过 :“ 在 
理解 可 用 选项 并 能 够 对 它们 逐个 比较 和 评估 的 条 件 下 ， 人 们 最 有 信心 








做 出 决定 。 选 项 越 少 ， 区 分 越 容 易 ， 评 估 越 简单 。“ 


既然 每 个 选项 〈 至 少 ) 对 应 一 条 规则 (而且 ， 别 忘 了 我 们 希望 规则 越 
少 越 好 )， 那 么 你 提供 给 用 户 的 选项 就 该 非常 有 意义 。 有 意义 的 选项 
可 以 影响 用 户 完 成 微 交互 目标 的 方式 ， 甚 至 会 影响 目标 本 身 。 怎 么 样 
才 算 有 意义 ”比如 登录 Facebook， 或 者 说 输入 用 户 名 和 密码 。 什 么 是 
没有 意义 的 选项 呢 ? 就 是 你 无 论 选 什么 ， 都 不 会 影响 结果 。 亚 马 逊 的 
Kindle 应 用 要 求 用 户 选 择 高 亮 文 本 的 颜色 ,但 用 户 却 不 能 搜索 也 不 能 
导出 高 亮 的 文本 。 这 种 选项 就 没 多 大 意思 了 ， 还 不 如 通过 默认 的 高 亮 
微 交 互 来 自动 设置 。 是 否 有 意义 ， 有 什么 判断 标准 吗 ? 只 要 问 一 个 问 
题 : 提供 这 个 选项 能 让 用 户 感觉 有 意思 、 有 价值 ， 或 者 心情 舒畅 吗 ? 
如 果 答 案 是 不 能 ， 那 还 是 算 了 吧 。 


去 掉 选 项 有 一 个 好 处 ， 即 避免 很 多 极端 情况 出 现 。 极 端 情况 指 的 是 那 
些 非 常 难 解决 的 问题 ， 而 且 只 是 偶尔 才 可 能 碰 上 ， 只 适合 小 众 〈 高 端 ) 
用 户 。 极 端 情况 可 能 会 导致 微 交互 跑 偏 《warp)， 让 你 的 设计 偏向 不 常 
见 的 场景 ， 而 不 是 最 常见 的 场景 。 极 端 情况 是 微 交 互 的 天 敌 ， 必 须 尽 
一 切 可 能 避免 ， 包 括 修 改 规则 ， 消 除 其 产生 的 基础 。 举 个 例子 ， 如 果 
“出 生年 份 ”是 一 个 文本 框 ， 那 么 用 户 很 可 能 在 里 面 输 入 无 效 日 期 ， 比 
如 写成 了 未 来 的 某 一 年 。 把 文本 框 改 成 只 能 选择 的 下 拉 菜 单 ， 就 可 以 
消除 这 种 极端 情况 。 


3.2.1 控件 和 用 户 输入 

大 多 数 微 交互 都 会 让 用 户 输入 信息 。 为 此 ， 必 须 决 定 要 使 用 什么 控 
件 ， 如 何 展示 这 些 控件 。 以 调节 音量 这 个 最 简单 的 微 交互 为 例 ， 音 量 
调节 可 以 分 为 三 个 状态 : 调 大 、 调 小 和 静音 。 为 此 ， 可 能 的 方案 包括 
三 个 按钮 、 一 个 滑动 条 、 一 个 拨号 盘 、 两 个 按钮 、 一 个 滚轮 、 一 个 请 
动 条 和 一 个 按钮 ， 等 等 。 











注 4:“Abundance of Choice and Its Effect on Decision Making” (选择 多 样 性 及 其 对 决策 的 
影响 ) UX Matters，2010 年 12 月 6 日 。 
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控件 的 选择 需要 权衡 易 操 作 和 易 辨识 这 两 个 方面 ( 见 图 3-25)。 易 操 
作 意 味 着 每 个 指令 对 应 一 个 控件 。 对 音量 调节 来 说 ， 就 是 有 三 个 按 
钮 : 一 个 用 于 调 大 音量 、 一 个 用 于 调 小 音量 ， 还 有 一 个 用 于 关闭 声 
音 。 易 辨识 意味 着 让 一 个 控件 承载 多 个 操作 。 对 音量 调 市 来 说 ， 就 是 
要 选择 滑动 条 或 凌 轮 。 











ate plate 
Table Help All changes saved in Drive ls Table Help All changes saved in Drive 
Insert table Le + | co Ari Insert table > M 
2x2 











图 3-25: 谷 歌 Drive (云端 硬盘 ) 的 插入 表格 微 交 互 提 供 了 悬 停 时 扩展 的 窗口 ， 
用 户 可 以 在 其 中 直观 地 选择 表格 大 小 ( 蒙 Kjetil Holmefjord 和 “Little Big 
Details” 惠 允 使 用 ) 


对 于 需要 不 断 重 复 的 微 交 互 ， 一 般 应 该 让 它 易 辩 识 ， 除 非 是 那 种 可 以 
迅速 完成 且 不 可 能 出 错 的 动作 〈 比 如 按 下 电话 上 的 静音 按钮 马上 可 以 
静音 ， 而 如 果 给 按钮 加 入 调 小 音量 功能 ， 那 后 果 您 怕 是 灾难 性 的 )。 
对 于 只 要 做 一 次 或 者 偶尔 才 需 要 做 的 微 交 互 ， 应 该 让 它 易 操作 ， 把 所 
有 选项 都 显示 出 来 ， 让 人 一 目 了 然 ， 不 要 求 用 户 有 什么 先行 的 经 验 。 


文本 字段 应 该 接受 填 入 其 中 的 任何 内 容 ， 并 假设 这 些 内 容 可 能 3 
自任 何 地 方 ， 特 别 是 用 户 内 存 中 的 剪贴 板 。 比 如 ， 表 单 中 的 电话 
号 码 字 段 应 该 支持 用 户 输入 下 列 任何 形式 的 内 容 : (415) 555-1212、 
4155551212、415-555-1212。 文 本 字段 特别 需要 系统 设计 师 所 说 的 
“必要 的 多 样 性 ”(requisite variety) ， 即 适用 各 种 条 件 的 能 力 。 这 意 
味 着 通常 要 通过 代码 “修正 ”输入 ， 使 其 达到 代码 或 数据 库 的 要 求 
(图 3-26 是 一 个 反面 的 例子 ， 图 3-27 是 一 个 正面 的 例子 ) 。 
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图 3-26: Adobe Photoshop 的 拾 色 器 微 交 互 提 供 了 一 个 输入 十 六 进 制 颜色 值 
的 文本 框 。 不 过 ， 这 个 文本 框 不 够 聪明 ,不 会 去 掉 用 户 贴 到 里 面 的 # 符号 ( 蒙 
Jack Moffett 惠 允 使 用 ) 





Invite people to this project 


They'll get an email with a link to this project. 
People you invite will be able to add to the 
project and see everything in this project. 


Type names or email addresses: 


和 myemail@gmail.com 











图 3-27: 37signals 的 Basecamp 做 得 很 好 。 在 贴 进 一 个 类 似 Jane Smith< 
myemail@gmail.com> 这 样 的 电子 邮件 地 址 时 ， 它 会 自动 去 掉 多 余 的 字符 ， 
只 留 下 电子 邮件 地 址 ( 蒙 Harpal Singe 和 “Little Big Details” 惠 允 使 用 ) 
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对 于 下 拉 菜 单 之 类 的 列表 中 的 各 项 顺序 ， 应 该 慎重 对 待 。 有 时候， 可 
以 按照 字母 顺序 或 最 后 使 用 等 既定 的 习惯 排序 。 但 有 时 候 ， 看 起 来 似 
平 不 合 逻 辑 的 排序 方式 或 许 更 有 意义 。 举 个 例子 ， 如 果 用 户 大 多 来 自 
美国 ， 那 么 让 他 们 向 下 裳 过 20 个 字母 ， 找 到 U 开头 的 这 个 国家 就 不 
合适 了 。 这 时 候 ， 应 该 把 美国 放 在 列表 开头 或 者 作为 默认 值 ， 尽 管 有 
点 违背 常理 。 


有 时 候 ， 多 提供 一 些 控制 手段 是 合理 的 ， 特 别 是 在 微 交 互 会 被 用 户 频 
繁 用 到 的 情况 下 。 比 如 ， 设 计 一 些 快 捷 方 式 。 在 桌面 软件 中 ， 人 惯例 都 
是 提供 快捷 键 ， 像 Command-Q 表示 退出 ， 而 在 触摸 屏 或 轨迹 球 设备 
中 ， 可 以 是 手势 (一般 是 多 点 触摸 的 手势 )。 前 提 是 不 要 让 快捷 方式 
干扰 了 流程 的 主要 操作 。 任 何 重要 的 操作 都 应 该 有 一 个 显眼 的 控件 ， 
让 用 户 手 动 可 以 操作 。 





3.2.2 预防 错误 

设计 规则 时 的 一 个 任务 就 是 预防 错误 〈 见 图 3-28 和 图 3-29)。 微 交互 
应 该 遵循 20 世纪 60 年 代 丰 田 汽 车 公司 传奇 工程 师 新 乡 重 夫 发 明 的 防 
呆 原 理 (Poka-Yoke Principle)。 防 呆 ( 防 错 ) 原理 是 说 ， 在 设计 产品 
和 流程 时 ， 就 要 考虑 根本 不 让 用 户 出 错 。 比 如 苹果 的 Lightning 插头 ， 
正 反 都 可 以 插入 iPhone 或 iPad 上 的 接口 ， 而 之 前 的 30 针 插 头 (以 及 
所 有 USB 插头 ) 则 需要 先 找到 方向 才能 插 进去 。 











are no files attached. Send anyway? 


Cra) GE 





The page at https:/ /mail.google.com says: 
Did you mean to attach files? 
You wrote "lI'Vve attached" in your message, but there 














图 3-28: Gmail 在 你 发 送 邮件 之 前 会 提示 你 是 否 忘 了 添加 附件 〈 蒙 “Little 
Big Details” 惠 人 允 使 用 ) 
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图 3-29: 在 Make Me a Cocktail 中 ， 如 果 不 输入 任何 搜索 关键 词 就 点 搜索 
按钮 ， 它 不 会 显示 错误 消息 或 者 不 做 反应 ， 而 是 会 随机 显示 一 种 鸡尾酒 ( 蒙 
Nick Wilkins 和 “Little Big Details” 惠 允 使 用 ) 


类 似 地 ， 设 计 微 交互 时 也 应 该 不 允许 用 户 犯错 ( 见 图 3-30)。 或 许 这 
意味 着 减少 用 户 的 控制 和 输入 ， 但 减少 微 交 互 中 用 户 的 选择 通常 都 是 
正确 的 。 





9:57 AM @ 了 9 


Photos 





Camera Upload (6 left) > 
Paused, low battery 





8 











图 3-30: iOS 版 Dropbox 会 在 电量 低 的 情 咒 下 暂停 上 传 ( 蒙 “Little Big 
Details” 惠 允 使 用 ) 

理想 情况 下 ， 你 的 微 交 互 应 该 在 用 户 设 做 错 任何 事 (因为 不 应 该 有 用 
3 会 做 错 的 事 ) 的 情况 下 ， 一 条 错误 消息 都 不 出 现 ， 而 只 在 系统 本 身 
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不 能 正确 响应 的 情况 下 才 会 出 现 错误 消息 。 弹 出 错误 警告 是 懒 人 的 做 
法 。 如 果 确 实 发 生 了 错误 ， 那 微 交 互 应 该 首先 想 办 法 确定 怎样 解决 问 
题 ( 见 图 3-31) 。 








Distance: Sor 


国 from Plainview 医 











图 3-31:Meetup.com 会 在 没有 搜索 结果 的 情况 下 调整 搜索 条 件 ( 蒙 Michael J. 
Morgan 和 “Little Big Details” 惠 允 使 用 ) 

同样 地 ， 根 据 这 个 原理 也 可 以 防止 用 户 以 不 适当 的 方式 使 用 微 交 互 
( 见 图 3-32 和 图 3-33)。 比 如 ， 你 可 以 禁止 在 评论 中 发 表 污 言 秽语 。 











EA| Translate ‘kittens’ Bi Measure pominartty oF 十 Find books about 


into 57 languages kittens onthe web kittens 


图 kocieta- (Polish) 
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图 3-32: What do you love? 不 让 你 输入 污 言 秽语 ， 它 会 把 不 雅 的 内 容 转换 
成 “kittens” 并 显示 相应 结果 ( 蒙 Zachary Reese 惠 允 使 用 ) 












sindresorhus 
JavaScript / Python hacker. INTP. Passionate about creating stuf, 
Open Source, Open Standards, jQuery Ul, UX. GitHub projects: 
https://github.com/sindresorhus 

Norway - http://sindresorhus.com 














图 3-33: Twitter 不 允许 你 重复 发 表 相同 的 推 文 ， 主 要 是 为 了 保证 系统 不 被 小 
用 。 虽 然 可 能 会 多 占用 些 系统 资源 ， 但 最 好 还 是 在 用 户 按 “ 发 推 ” 之 前 检查 
内 容 是 否 重 复 ( 蒙 Sindre Sorhus 和 “Little Big Details” 惠 人 允 使 用 ) 


3.3 微 文案 


微 文案 ， 即 标签 、 说 明 及 其 他 文本 片段 ， 是 理解 规则 必 不 可 少 的 一 部 
分 。 微 文案 属于 那 种 固定 不 动 的 反馈 或 前 馈 。 一 个 微 文案 本 身 就 可 能 
是 一 个 完整 的 微 交互 ， 比 如 Facebook 的 “Like” 按 钮 ， 就 完全 构建 于 
蓝 色 的 Like 文本 之 上 。 


系统 触发 器 可 能 会 导致 一 个 非常 重要 的 微 文案 出 现 ， 而 此 时 这 个 微 文 
案 的 意义 重大 。 比 如 ， 在 一 家 商店 的 “联系 我 们 ”的 告示 上 ,“ 抱 妆 ， 
我 们 已 经 打 婵 了 ”旁边 可 以 显示 工作 时 间 之 外 的 联系 电话 。 这 个 电话 
号 码 就 是 一 个 完整 的 微 交 互 。 


几乎 所 有 微 交 互 都 应 该 首先 保证 自己 提供 的 文本 是 必要 的 ， 但 说 明 性 
的 文案 则 不 一 定 。 一 般 来 说 ， 用 不 着 在 登录 表单 上 方 来 一 句 “ 请 登 
录 "， 用 户 也 能 理解 自己 应 该 干什么 。 如 果 需 要 显示 文本 ， 一 定 要 尽 
可 能 简短 。 正 如 温 斯 顿 ' 丘吉尔 所 说 :“ 越 短 越 好 ， 大 白话 更 好 。” 


如 果 标 签 就 足够 了 ， 那 就 绝 不 要 使 用 说 明 性 文案 。 如 果 有 一 个 “下 一 
步 ” 或 “继续 ”按钮 ， 那 么 “ 按 “ 下 一 步 ” 继 续 ” 就 是 不 必要 的 。 如 
果 为 了 省 空间 必须 截 短 标签 (比如 相册 的 名 字 )， 那 么 应 该 提供 一 种 
手段 让 用 户 能 够 看 到 全 称 ， 比 如 莫 停 或 翻转 (桌面 /Web 应 用 )、 触 摸 / 
点 击 (移动 应 用 )。 有 了 时候 ， 特 别 是 在 物理 按钮 上 ， 由 于 空间 不 够 ， 
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制造 商 经 常会 只 印 出 一 个 词 的 几 个 字母 ， 看 起 来 就 像 自 编 汽车 号 牌 一 
样 难以 理解 。 这 样 不 好 ， 如 果 放 不 下 一 个 词 ， 不 如 放 个 图 标 。 


避免 使 用 可 能 误导 人 的 标签 。 比 如 ， 图 片 共享 服务 器 Flickr 用 于 导航 
的 两 个 链接 分 别 是 “一 前 一 张 ” 和 “后 一 张 一 "”。 可 是 点 “前 一 张 ” 
打开 的 却 是 后 来 才 发 的 新 图 片 ， 而 “后 一 张 ” 打 开 的 则 是 更 早 的 一 张 
老 图 片 ( 见 图 3-34) 。 











过 Border ”< 一 一 (一 一 一 吧 Reorder v Group - Height: 


NR - 
\@ Hedtsv Transichange transparency of the selected picture 


图 3-34: 微软 PowerPoint 功能 区 中 调整 透明 度 的 滑动 条 。 没 有 标签 说 明 
你 在 调 高 还 是 在 调 低 透 明度 ， 而 且 变 化 直到 释放 鼠标 后 才 会 发 生 ( 蒙 Jack 
Moffett 惠 允 使 用 ) 


放置 标签 的 最 佳 位 置 是 操作 地 点 上 方 ， 其 次 是 被 操作 的 对 象 之 上 或 
之 中 。 可 以 参考 Luke Wroblewski 的 两 篇 博文 “Top, Right, or Left- 
Aligned Form Labels” (http://www.lukew.com/ff/entry.asp?504) 和 
“Web Form Design: Labels Within Inputs” (http:// www.lukew.com/ff/ 
entry.asp?687)。 原 因 很 简单 ， 这 样 让 人 一 眼 就 能 同时 看 到 标签 和 对 
象 。 换 句 话 说 ， 有 眼睛 不 需要 在 两 个 对 象 间 移 动 ， 就 能 把 两 者 在 头脑 中 建 
立 起 联系 。’ 不 过 ， 传 统 做 法 是 把 标签 放 在 图 标 下 方 。 


把 标签 放 到 文本 字段 内 部 时 要 多 加 小 心 。 因 为 一 旦 消失 (必须 的 ， 因 
为 用 户 得 输入 内 容 )， 用 户 可 能 会 就 忘记 这 个 字段 是 干什么 用 的 ， 而 
且 除 了 单 击 文本 字段 外 部 ， 没 有 别 的 办 法 再 看 到 标签 内 容 。 更 好 的 
做 法 是 把 标签 放 在 字段 上 方 (“ 玩 具 搜 索 ”) 或 放 在 按钮 上 〈 搜索 玩 
具 ”)， 同 时 再 在 字段 中 放 一 个 示例 文本 (如 “ 棋 类 游戏 、 乐 高 玩具 或 
玩具 娃娃 ”)。 





























注 5: 要 了 解 更 多 关 广 眼睛 注视 的 信息 ， 请 参考 J. Edward Russo,“Eye Fixations Can Save 
the World: A Critical Evaluation”( 目光 停留 能 拯救 世界 : 一 次 重要 评估 ) 和 “A 
Comparison Between Eye Fixations and Other Information Processing Methodologies” 
(目光 停留 与 其 他 信息 处 理 方法 的 比较 )， 发 表 于 4dvances in Consumer Research 
Volume 05. 561-570 (1978) 。 
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确保 每 个 说 明 性 文案 与 控件 严格 匹配 。 比 如 ， 不 要 文案 中 说 “把 商品 
添加 到 购物 车 ”， 而 按钮 上 写 的 却 是 “购买 而 不 添加 商品 ”。 


可 能 的 情况 下 ， 要 给 出 说 明 关系 的 文本 ， 而 不 要 只 给 出 日 期 和 时 间 。 
“3 个 小 时 以 前 ” 比 单纯 一 个 时 间 惟 更 容易 理解 ， 因 为 后 者 会 强迫 用 户 
心算 过 了 多 长 时 间 。( 当 然 ， 有 了 时候 确切 的 日 斯 和 时 间 是 必需 的 ， 也 
不 容 含 糊 ， 见 图 3-35。) 











Dear Budge, 


The latest that | wake up is 8am * so please dont 


send me any text messages before then. 
The earliest | go to bed is 10pm * so please don't send 
me any text messages after that. 
Otherwise, | get grumpy. 
Glad | got that out of the way. 
The other things is | sorta hate + getting email, | 
LOVE + getting text messages, | am okay wil + 


getting direct messages on Twitter, | am okay wil + public 
replies on Twitter and | getting phone calls. 


Got it? 


Your friend, 


paula 




















图 3-35: Budge 的 待 办 事项 提醒 设置 屏幕 用 清晰 的 文本 和 选项 ， 把 本 来 枯燥 
的 填 表 过 程 变 得 很 有 意思 ( 蒙 Paula Te 和 “Little Big Details” 惠 允 使 用 ) 


除非 你 有 意 搅局 或 误导 用 户 ， 否 则 不 要 使 用 双重 (或 多 重 ) 否定 ! 这 
样 的 话 让 人 摸 不 着 头脑 :“ 如 果 你 不 想 退 订 我 们 的 邮件 简报 ， 就 不 要 
取消 选中 这 个 框 。 
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3.4 算法 

1832 年 ， 一 个 自学 成 才 的 鞋匠 的 儿子 宣称 :“ 人 类 大 脑 能 够 毫 不 费力 
地 积累 知识 …… 人 的 大 脑 依 靠 某 种 机 制 运作 。 那 一 年 ， 他 17 岁 。20 
年 后 ， 这 个 已 然 成 为 大 学 教授 的 人 出 版 了 一 本 名 著 : An Investigation 
of the Laws of Thought, On Which Are Founded the Mathematical 
Theories of Logic and Probability (人 《思维 规律 的 研究 》) 。( 与 很 多 名 车 
一 样 ， 这 本 书 刚 出 版 时 也 受到 了 批评 、 忽 视 ， 人 们 对 它 也 不 属 一 顾 。) 
这 位 教授 叫 乔 治 ' 布尔 ， 是 我 们 熟知 的 布尔 逻辑 之 父 。 


布尔 发 明了 逻辑 代数 ， 它 包括 三 个 基本 的 逻辑 运算 : 与 、 或 、 非 。 这 
儿 个 运算 构成 了 生成 算法 的 基础 。 而 算法 ， 用 Christopher Steiner 在 
他 的 Automate This: How Algorithms Came to Rule Our World (《 自 动 
化 : 算法 如 何 统 治 我 们 的 世界 》) 中 的 话说 ， 就 是 : 


大 型 决策 树 由 一 个 接 一 个 的 二 元 决策 构成 。 开 车 、 买 卖 股 
票 、 找 对 象 ， 以 及 我 们 所 做 的 一 切 ， 几 乎 都 可 以 分 解 成 一 连 
串 的 基于 二 元 输入 的 二 元 决策 。 


本 质 上 ， 算 法 就 是 表面 上 能 够 执行 并 得 到 理想 结果 的 一 组 指 

令 。 算 法 的 一 六 是 输入 ， 另 一 说 是 输出 。 
从 最 根本 上 说 ， 规 则 其 实 就 是 算法 。 而 有 些微 交互 确实 依赖 算法 运 
行 ， 比 如 搜索 。 搜 索 框 自动 填 入 的 内 容 就 是 由 算法 生成 的 ， 更 不 用 
说 搜索 结果 的 排序 了 〈 见 图 3-36)。 商 品 推荐 、 驾 车 路 线 ， 以 及 大 
多 数 邮 件 和 读物 都 是 通过 算法 生成 的 。 某 些 品牌 的 元 素 ， 比 如 耐克 
FuelBand 的 NikeFuel 点 ， 也 是 基于 算法 的 ， 就 像 FiftyThree 著名 的 
iPad 应 用 Paper 中 的 定义 颜色 一 样 。” 
































注 6: 参见 Chris Dannen 2012 年 11 月 8 日 发 表 在 Fost Company 杂志 中 的 文章 “The 
Magical Tech Behind Paper For iPad’s Color-Mixing Perfection” (iPad 版 Paper 中 “ 完 
美 混合 颜色 ”背后 的 技术 )。 
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过 去 ， 这 些 算 法 都 由 工程 师 设 计 的 ， 但 随 着 越 来 越 多 的 产品 依赖 算 
法 ， 设 计 师 的 介入 就 是 不 可 避免 的 了 。 和 毕竟 ， 再 笨 亮 的 搜索 微 交 互 如 
果 搜 索 不 到 有 价值 的 结果 ， 还 是 没 用 的 。 





278,702,616 um 


一 一 一 一 一 一 -一 一 一 一 一 

1,259,969 lkes, 43,865 disikes 

留 Artist: Gotye 

0> Playing at Seattle Center, 
Seattle on Sep 1, 2012 


1] Buy “Somebody That! 
Used to Know (feat 
Kimbray’ on: Tunes 
AmazonMP3, eMusic 











图 3-36: 如 果 你 在 YouTube 上 观看 音乐 视频 片 ， 它 会 通过 算法 匹配 你 的 位 
置 和 艺术 家 的 巡演 日 程 ( 蒙 Nanakoe 和 “Little Big Details” 惠 允 使 用 ) 
虽然 没有 办 法 在 这 里 展示 算法 背后 的 代码 〈 因 为 太 复杂 了 )， 但 展示 
算法 的 定义 却 没 有 问题 。 任 何 算法 都 由 以 下 四 部 分 构成 。 





。 顺序 
各 个 步骤 的 先后 顺序 如 何 ?” 哪个 步骤 在 先 ， 哪 个 步骤 在 后 ”有 没有 
条 件 ， 有 没有 基于 特定 条 件 触发 的 运作 ? 对 于 耐克 FuelBand 这 样 
的 设备 ， 顺 序 的 体现 大 概 是 : 每 两 步 (根据 硬件 加 速 计 的 计量 结 
果 ) 就 加 1 个 NikeFuel。 





。 决定 
通常 都 是 “如 果 ……: 就 …… ”形式 的 句子 。 比 如 ， 如 果 时 间 是 
00:00， 就 重 置 。 





。 重复 
算法 怎么 循环 ?循环 的 可 以 是 整个 算法 ， 也 可 以 是 部 分 步骤 。 例 
如 ， 当 用 户 在 搜索 字段 中 输入 时 ， 每 输入 一 个 新 字符 就 更 新 一 次 搜 
索 结 果 。 
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器 is 








变 

变量 是 数据 的 容器 ， 是 算法 巨大 威力 的 来 源 。 有 了 变量 ， 就 可 以 不 
用 重 写 算法 而 调整 计算 过 程 。 搜 索 结 果 数 可 以 是 变量 ， 经 过 的 步骤 
数 也 可 以 是 变量 。 变 量 可 以 数值 、 字 符 或 逻辑 值 ( 真 / 假 )。 


可 以 通过 一 个 例子 来 理解 算法 的 这 几 个 部 分 。 比 如 ， 有 一 个 显示 推荐 
音乐 的 微 交 互 ， 那 么 顺序 就 是 你 想 显 示 什么 类 型 的 音乐 ， 以 什么 顺序 
显示 。 这 些 音乐 都 属于 一 个 流派 吗 ? 新 歌 显示 得 更 靠 前 吗 ? 而 要 做 出 
的 决定 可 能 包括 : 用 户 以 前 听 过 这 个 艺术 家 的 歌 吗 ? 如 果 听 过 ， 就 不 
推荐 了 。 在 推荐 音乐 的 列表 被 填 满 之 前 ， 算 法 可 能 需要 不 断 御 环 。 而 
变量 呢 ， 可 以 是 流派 、 艺 术 家 、 专 辑 、 听 过 、 类 似 、 节 奏 ， 等 等 所 有 
可 以 用 来 标识 音乐 的 特征 。 变 量 还 可 以 是 新 旧 音 乐 的 比例 、 要 显示 的 
推荐 音乐 总 数 。 


让 用 户 知道 算法 中 操作 的 是 什么 数据 或 变量 有 时 候 也 很 有 用 ， 这 样 他 
们 就 可 以 在 可 能 的 情况 下 手动 调整 这 些 数据 或 变量 。 比 如 ， 知 道 了 
耐克 FuelBand 的 加 分 规则 ， 用 户 就 可 以 适当 增加 活动 量 。 但 现在 呢 ， 
这 个 加 分 办 法 还 是 显得 有 点 神秘 。 当 然 ， 有些 算法 (比如 谷歌 的 搜索 
算法 ) 是 极其 复杂 的 ， 解 释 起 来 不 易 ， 特 别 是 通过 微 文 案 解 释 ， 根 本 
不 太 可 能 。 


从 设计 微 交 互 的 角度 来 说 ， 最 重要 的 一 点 在 于 知道 用 户 想 干什么 ， 哪 
些 数据 或 内 容 会 最 有 用 ， 然 后 把 这 些 对 人 有 益 的 价值 融入 到 算法 设计 
中 。 设 计算 法 时 只 考虑 效率 而 忽视 价值 的 情况 太 常 见 了 。 

最 后 ， 规 则 的 问题 还 是 在 于 它们 不 可 见 。 用 户 要 理解 它们 只 能 等 到 出 


现 某 种 恶劣 状况 时 ， 比 如 苹果 修改 了 “另存 为 "， 或 看 到 了 系统 的 出 
错 反馈 。 而 反馈 正 是 第 4 章 将 要 介绍 的 主题 。 






































3.5 小结 


规则 是 微 交 互 模型 的 非 技 术 层 面 ， 规定 了 什么 可 以 做 ,什么 不 可 以 
做 ， 以 什么 顺序 做 。 





88 | 第 3 章 


规则 必须 反映 约束 。 业 务 、 上 下 文 和 技术 约束 都 要 仔细 其 酌 。 


不 要 从 零 开 始 。 以 你 对 用 户 、 平 台 或 环境 的 了 解 为 基础 ， 然 后 致力 于 
改进 微 交 互 。 


去 除 复杂 性 ， 把 控件 数量 减 至 最 少 。 

减少 选项 并 给 出 聪明 的 默认 项 。 选 项 越 多 ， 规 则 越 多 。 

为 每 个 对 象 定义 状态 。 这 些 东西 随 着 时 间或 根据 交互 情境 怎么 变化 ? 
宁肯 多 花 时 间 提 高 辨识 度 。 以 少 搏 多 。 

使 用 规则 预防 错误 。 让 用 户 不 可 能 犯错 。 

让 文案 尽量 简短 。 标 签 够 用 时 ， 不 要 使 用 说 明 性 文本 。 

协助 定义 算法 。 在 决定 后 的 代码 中 体现 人 类 的 价值 。 
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一 个 56 岁 的 家 伙 举 起 拳头 狠 儿 地 砸 向 玻璃 玻璃 碎 了 一 地 ， 机 器 的 
线路 全 都 暴露 出 来 。 “是 ， 机 器 是 我 砸 的， 我 还 会 再 砸 。” 他 跟 保 安 
人 员 如 是 说 。( 这 个 人 后 来 被 判 了 90 天 监禁 。) 另外 一 位 ，59 岁 的 
Douglas Batiste 同样 因为 袭击 机 器 一 一 对 着 机 器 撒尿 而 被 拘留 。 一 位 
妇女 因为 使 劲 拍 了 三 下 机 器 ， 造 成 1800 美元 损失 。 ' 而 67 岁 的 Albert 





注 1: 《纽约 时 报 》2012 年 7 月 13 日 “Failing to Hit Jackpot, and Hitting Machine Instead”( 没 
中 头 奖 ， 磺 了 机 器 ) (Sarah Maslin Nir) 。 














9 





Lee Clark 由 于 其 抱怨 未 得 到 工作 人 员 的 满意 处 理 ， 跑 到 自己 车 里 擒 出 
一 把 枪 ， 然 后 跑 进去 对 着 机 器 连 开 数 枪 。” 


什么 机 器 让 人 情绪 这 么 激动 ? 那 就 是 老虎 机 。 


赌博 的 人 每 花 10 美元 ， 吸 走 7 美元 。 积 少 成 多 ， ee 
到 数 百 亿 ， 远 远 超 过 电影 、 电 子 游戏 ， 其 至 色情 等 其 他 娱乐 行业 。 

作为 一 个 微 交 百 设 备 ， 老 虎 机 之 所 以 那么 擅长 从 信 们 口袋 里 掏 钱 ， 关 
键 在 于 它 提 供 的 反馈 。 大 多 数 (应 该 说 全 部 ) 反馈 都 暗藏 玄机 ， 目 的 
只 有 一 个 ， 就 是 让 人 欲罢不能 


什么 ， 你 从 来 没 玩 过 ， 甚 至 都 没 见 过 老虎 机 ? 好 吧 ， 老 虎 机 的 规则 如 
下 : 把 硬币 、 美 元 ， 或 者 带 条 形 码 的 游戏 卡 (适合 新 式 机 器 ) 投 进 机 
a sa tn 下 控制 杆 (触发 器 )， 然 后 三 

个 (有 了 时 候 是 更 多 个 ) 看 起 来 毫 无 关系 的 “ 转 轮 ” 开 始 转动 ， 儿 秒 钟 
2 转 轮 分 别 停止 转动 ， 如 果 三 个 转 轮 对 齐 后 符合 某 种 模式 (比如 
三 个 转 轮 上 的 符号 一 样 )， 你 就 中 奖 了 ， 老 虎 机 就 会 “ 吐 ” 出 钱 来 。 
一 个 全 身 投入 的 玩家 一 小 时 可 以 玩 儿 百 次 ! 


事实 上 上， 老虎机 的 规则 是 不 公平 的 。 从 统计 结果 看 ， 它 的 回报 率 7 

远 不 会 超过 90%， 因 此 转 轮 永远 不 会 “随机 ”转动 ， 当 然 ， > 
人 的 感觉 肯定 是 随机 的 。 假 如 转 轮 真是 随机 转动 ， 那 回报 率 将 达到 
185%~297% ， 这 显然 不 是 赌场 老板 想 看 到 的 。 转 轮 的 输出 结果 是 “加 
权 随机 ”的 。 换 句 话 说 ， 空 白 和 低 赔 付 率 的 符号 比 大 奖 符号 出 现 得 更 
频繁 。 如 果真 是 随机 的 (而 不 是 看 起 来 如 何 )， 那 么 大 奖 符号 出 现 的 
机 会 要 多 很 多 。 但 是 ， 老 虎 机 给 人 的 反馈 让 玩家 对 什么 是 加 权 一 无 所 
知 ， 而 且 就 算是 紧 挨 着 的 两 台 机 器 面临 同样 的 情况 时 ， 它 们 加 权 方 法 
其 至 都 不 一 样 。 由 于 现代 的 老虎 机 都 是 联网 的 ， 因 此 加 权 方 法 其 至 可 








注 2: 美 联 社 2012 年 2 月 13 日 “Man charged with shooting slot machine”( 一 男子 冲动 之 
下 对 老虎 机 开 枪 )。 

注 3:《 纽 约 时 报 》2004 年 5 月 9 日 “The Tug of the Newfangled Slot Machines”( 新 式 
老虎 机 的 明争暗斗 ) (Gary Rivlin)。 
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以 远程 、 动 态 控制 。” 
人 


不 管 怎么 启动 转 轮 (比如 ， 使 大 劲 儿 拉 控 制 杆 )， 玩 家 都 影响 或 改变 
不 了 结果 。 有 的 老虎 机 还 有 一 个 停止 按钮 ， 用 于 手动 停止 旋转 的 转 
轮 。 这 个 按钮 也 不 会 影响 结果 ， 只 是 提供 了 一 个 控制 的 假象 而 已 。” 


给 转 轮 分 配 不 同 的 权重 ， 防 止 玩家 赢 之 外 ， 老 虎 机 还 会 刺激 玩 
家 产生 赌博 研究 专家 Kevin Harrigan 所 谓 的 “ 啊 ， 吓 ”效应 ， 方 法 就 
是 时 不 时 就 停 在 “ 差 一 点 就 赢 了 ”或 者 下 一 次 就 行 了 的 地 方 〈 见 图 
4-1)。 比 如 ， 前 两 个 转 轮 停 下 后 显示 的 符号 一 样 ， 但 第 三 个 转 轮 显示 
空白 。 这 种 “ 差 一 点 就 赢 了 ”出 现 的 次 数 比 单纯 靠 机 率 出 现 的 次 数 多 
12 倍 。 研 究 表明 ,“ 差 一 点 就 赢 了 ”的 暗示 会 激活 人 脑 中 与 “ 赢 下 来 ” 
相关 的 部 分 ， 导 致 人 即使 赢 不 到 钱 ， 也 会 继续 赌博 下 去 。 
就 算 有 玩家 赢 了 钱 ， 那 也 是 小 钱 儿 。 然 而 ， 这 时 候 的 反馈 却 格 外 夸 
张 一 一 灯光 四 射 ， 声 响 雷 动 ， 让 玩家 感觉 自己 好 像 赢 了 个 大 的 似 的 。 
在 《纽约 时 报 》 对 老虎 机 设计 者 Joe Kaminkow 的 介绍 中 ， 有 一 段 是 
这 么 说 的 : 





Kaminkow 来 之 前 ， (老虎 机 制造 商 ) pe 的 博彩 程序 也 配 有 
音效 (勉强 能 说 有 吧 ) ， 但 却 没有 充分 利用 那 种 有 冲击 力 和 
爆破 感 的 音乐 ， 即 所 谓 的 “智能 音效 ”。Kaminkow 决 定 给 每 
一 个 操作 、 每 一 次 转 轮 转动 、 每 一 个 结 ee 
音效 。 (1999 年 ) Kaminkow 刚 到 I.G.T. 时 ， 一 般 的 老虎 机 大 
都 只 有 15 种 “声音 事件 ”， 而 现在 平均 每 台 机 器 拥有 的 音效 
数量 接近 400 种 。 而 且 ， Ss 音乐 的 速度 越 
快 ， 声音 通常 也 越 大 。 





注 4:《 纽 约 时 报 》2006 年 4 月 12 日 “From the Back Office, a Casino Can Change the Slot 
Machine in Seconds” (暗箱 操作 赌场 几 秒 钟 内 可 以 更 改 老虎 机 ) (Matt Richtel) 。 

注 5: 据 Kevin Harrigan 的 “The Design of Slot Machine Games”( 老 虎 机 游戏 设计 ，2009)。 

注 6: Luke Clark、Andrew J. Lawrence、Frances Astley-Jones、Nicola Gray: “Gambling 





near-misses enhance motivation to gamble and recruit brain-related circuitry” (失之交臂 的 上 暗 
示 刺 激 赌 冶 , 激 活 大 脑 相 关 电 路 )Neuron 杂志 ,61 卷 ,第 3 期 ,481-490 页 (2009 年 2 月 )。 

注 7:《 纽 约 时 报 》: “The Tug of the Newfangled Slot Machines”( 新 式 老 虎 机 的 明争暗斗 ) 
(Gary Rivlin ) 。 




















图 4-1; 你 看 ,“ 差 一 点 就 赢 了 ”( 蒙 Marco Verch 惠 允 使 用 ) 


老虎 机 微 交互 那么 让 人 上 瘤 的 秘密 何在 ?就 在 于 它 持 续 不 断 地 反馈 ， 
寺 续 不 断 地 刺激 人 的 行为 。 老 虎 机 玩家 于 是 就 不 断 重复 相同 的 行为 ， 
不 赢 钱 拆 不 罢休 。 就 玩 老 虎 机 而 言 ， 如 果 花 多 少 钱 是 可 以 预测 的 ( 比 
如 ， 再 玩 一 次 肯定 赢 )， 那 玩家 很 快 就 会 感觉 无 聊 和 厌烦 。 让 人 和 欲 罢 
不 能 的 ， 正 是 这 种 投入 的 不 可 预测 性 ， 加 上 概率 极 低 的 中 大 奖 的 诱 
惑 。 一 般 来 说 ， 我 们 不 希望 在 自己 的 微 交 互 中 采用 这 种 强化 行为 的 做 
法 ， 而 只 想 (通过 反馈 ) 提供 一 种 一 致 的 对 我 们 期 望 行为 的 正 向 激 
励 。 可 预测 性 是 我 们 期 望 的 。 


老虎 机 给 我 们 局 示 在 于 它 的 反馈 极其 有 有效， 而且 反馈 决定 了 微 交 互 的 
成 败 。 视 觉 和 听觉 刺激 组 合 起 来 ， 让 原本 简单 、 机 械 的 重复 动作 一 一 
一 次 又 一 次 地 拉 控 制 杆 ， 变 成 了 一 种 让 人 充满 期 待 又 兴奋 不 已 的 行 
为 。 显 然 ， 赌 徒 沉迷 于 老虎 机 是 想 赢 钱 ， 而 你 肯定 不 想 让 每 个 微 交 互 
都 变 成 内 光 喧 闹 的 老虎 机 。 但 这 并 不 影响 我 们 的 结论 反馈 决定 了 微 
交互 的 特质 与 个 性 。 
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4.1 反馈 曾 释 规则 


与 设计 时 有 意 隐 瞒 规则 的 老虎 机 不 同 ， 我 们 微 交 互 中 反馈 的 目的 ， 是 
帮助 用 户 理解 微 交 互 的 规则 。 如 果 用 户 按 下 一 个 按钮 ， 至 少 会 有 两 件 
事 发 生 : 按钮 被 按 下 了 以 及 按钮 被 按 下 后 导致 什么 结果 ( 见 图 4-2)。 
老虎 机 只 会 告诉 你 前 一 半 (控制 杆 被 拉 下 来 了 ) ， 而 不 会 告诉 你 后 一 
半 (后 台 到 底 发 生 了 什么 )。 因 为 用 户 一 旦 知道 后 一 半 ， 就 不 想 玩 了 ， 
至 少 不 会 再 玩 那 么 多 次 了。 不过， 由 于 不 用 通过 反馈 告诉 用 户 微 交 互 
的 实际 运作 机 制 (真正 的 规则 )， 因 此 其 反馈 只 要 能 让 用 户 感觉 微 交 
互 在 正常 运转 就 足够 了 。 芳 虑 到 对 触发 器 的 情境 支持 ， 反 馈 还 应 该 告 
诉 用 户 能 对 微 交互 做 什么 、 不 能 做 什么 。 























代 create se Select @ create We Select 


CD 














图 4-2: 在 照片 批量 上 传 应 用 Batch 中 ， 如 果 打 开 内 光 灯 ， 快 门 按钮 上 的 相机 
图 标 会 显示 一 个 白色 的 内 光 灯 指示 标志 〈 蒙 “Little Big Details” 惠 允 使 用 ) 


请 大 家 记 住 : 有 时 候 ， 不 让 用 户 知道 规则 的 细 布 同样 有 合理 的 非 欺 骗 
性 的 原因 。 每 次 触发 传感器 或 每 次 联网 获取 数据 没有 必要 都 让 用 户 知 
道 ， 而 只 要 向 他 们 反馈 一 些 重要 的 变化 即 可 。 比 如 ， 用 户 没 有 必要 经 











常 收 到 没有 新 邮件 的 提醒 ， 只 要 在 收 到 新 邮件 时 提醒 一 次 就 好 了 。 微 
交互 反馈 的 第 一 条 原则 是 : 别 让 反馈 给 用 户 造 成 压力 。 怎 么 判断 呢 ? 
可 以 问 自己 : 怎么 通过 最 少 的 反馈 传达 同样 的 信息 〈 见 图 4-3) ? 





























How would you describe our users: 


How would you describe our users: 


How would you describe our users: 


How would you describe our users: 











图 4-3: Google Docs 会 在 用 户 以 斜体 输入 文字 时 把 光标 也 变 成 倾斜 的 ， 微 
软 的 Word 也 一 样 ( 蒙 Gregg Bernstein 和 “Little Big Details” 惠 人 允 使 用 ) 


反馈 应 该 由 需求 驱动 : 用 户 需 要 知道 什么 ， 什 么 时 候 知 道 (多 长 时 间 
一 次 ) ? 至 于 反馈 的 形式 ， 则 取决 于 设计 师 的 想法 ， 视 觉 、 听 觉 、 触 
觉 或 它们 的 组 合 ( 见 图 4-4 和 图 4-5 ) 。 





Great savings in our January Bargains 


Your Account | Help 
69  \47 Basket Wish List 


Gift Services 











图 4-4: 亚马逊 在 购物 车 按钮 上 显示 商品 数量 ( 蒙 Matthew Solle 和 “Little 
Big Details” 惠 允 使 用 ) 





iTunes for Mac and Windows 
Please note that you have not been added to any email lists 
Copyright © 2012 iTunes S.arl Alrights reserved 

















图 4-5: 有 了 时候， 告诉 用 户 什么 事 还 没有 发 生 也 很 重要 。 在 通过 邮件 推荐 一 款 
应 用 时 ， 苹 果 的 App Store 会 告诉 你 没 把 你 的 邮件 添加 到 任何 邮件 列表 ( 蒙 
“Little Big Details” 惠 允 使 用 ) 
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在 以 下 情况 下 ， 应 该 给 出 反馈 。 


。 手动 启动 触发 器 之 后 或 者 手动 调整 规则 之 后 /期 间 。 所 有 用 户 发 起 
的 运作 都 应 该 伴随 有 一 个 系统 的 确认 〈 见 图 4-6)。 按 下 按钮 时 必须 
表明 确实 有 事 发 生 。 























图 4-6: 图 像 处 理 软件 Pixelmator 的 滴 管 工具 会 显示 你 刚刚 选取 的 颜色 ( 蒙 
“Little Big Details” 惠 人 允 使 用 ) 


。 微 交互 (或 周边 功能 ) 的 状态 因为 系统 启动 触发 器 而 发 生 显著 变化 
时 。 显 著 程 度 因 使 用 环境 而 异 ， 必 须 由 设计 师 因 地 制 宜 地 决定 。 有 
些微 交互 需要 (应 该 ) 在 后 台 运 行 。 最 简单 的 例子 就 是 邮件 客户 端 
检查 新 邮件 。 不 一 定 每 次 检查 新 邮件 都 需要 通知 用 户 ， 但 检查 到 新 
邮件 时 一 定 要 通知 用 户 。 

。 用 户 突破 (或 超越 ) 了 规则 时 。 这 时 候 就 快要 发 生 错误 了 。 理 想 情 
况 下 ， 这 种 状态 不 应 该 出 现 ， 但 有 时 候 也 难以 避免 ， 比 如 用 户 输入 
了 错误 的 值 〈 比 如 密码 不 对 )， 或 者 已 经 滨 动 到 了 列表 底部 ， 再 没 
有 什么 可 以 显示 了 。 

。 系统 不 能 执行 命令 时 。 比 如 , 微 交 互 因 设备 未 连接 网 络 而 不 能 发 短信 。 
这 时 候 需 要 注意 的 是 ， 在 给 出 无 法 完成 任务 的 反馈 前 ， 应 该 先进 行 
多 次 尝试 ， 比 如 ， 尝 试 多 次 连接 网 络 。 认 识 到 这 一 点 ， 就 能 明白 为 
什么 要 等 到 多 次 尝试 后 才能 显示 错误 消息 。 

。 在 关键 过 程 特别 是 需要 花 较 长 时 间 的 操作 中 显示 进度 。 如 果 你 的 微 
交互 需要 上 传 或 下 载 ， 最 好 能 估算 出 完成 任务 的 时 间 〈 见 图 4-7)。 











ED OO © 





C DO 


图 4-7: FTP 文件 传输 工具 Transmit 4 在 一 个 进度 条 中 同时 显示 总 体 进度 和 
个 别 项 目的 进度 ( 蒙 Stefvan der Feen 和 “Little Big Details” 惠 允 使 用 ) 
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在 以 下 情况 下 ， 可 以 给 出 反馈 。 


。 过 程 的 开始 和 结束 时 。 比 如 ， 下 载 完 了 一 个 文件 。 
。 模式 的 开始 或 结束 时 ， 或 者 切换 了 模式 时 〈( 见 图 4-8)。 
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图 4-8: 在 问答 网 站 Quora 中 ， 可 以 看 到 谁 回 答 了 你 想 知道 的 问题 ( 蒙 
Allison Ko 和 “Little Big Details” 惠 允 使 用 ) 


尽量 通过 反馈 消除 微 交互 的 神秘 感 。 没 有 有 反馈， 用 户 永远 也 理解 不 了 
规则 。 


4.1.1 以 人 为 本 
虽然 机 器 之 间 同 样 有 反馈 ， 但 我 们 最 关心 的 还 是 与 使 用 设备 的 人 进行 
沟通 。 对 微 交互 来 说 ， 需 要 给 用 户 提供 的 反馈 通常 有 : 


。 什么 事情 已 经 开始 了 ， 
。 用 户 刚刚 做 了 什么 事 ， 
。 哪些 过 程 已 经 开始 了 ， 
。 哪些 过 程 已 经 结束 了 ， 
。 哪些 过 程 正在 进行 

。 用 户 不 能 干什么 。 


知道 了 要 给 用 户 发 送 什么 消息 后 ， 唯 一 的 问题 就 是 如 何 传达 ， 如 图 4-9 
到 图 4-11 所 示 。 反 馈 的 方式 完全 取决 于 微 交 互 寄 身 于 什么 硬件 。 如 果 是 
手机 ， 有 视觉 、 听 觉 和 触觉 三 种 可 能 。 而 如 果 是 其 他 消费 电子 设备 ， 可 
能 就 只 有 视觉 反馈 形式 可 用 ， 比 如 LED 灯 。 









































图 4-9: 人 脸 图 标 是 用 户 喜闻乐见 的 。Boxee 的 标志 会 在 设备 未 连接 互联 网 
的 情况 下 变 成 档 色 “睡觉 ”的 样子 ( 蒙 Emil Tullstedt 和 “Little Big Details” 
惠 允 使 用 ) 
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图 4-10: Threadless 购物 车 上 的 人 脸 图 标 会 在 你 放 进 商品 时 由 皱眉 变 成 开心 
地 笑 起 来 ( 蒙 Ahmed Alley 和 “Little Big Details” 惠 人 允 使 用 ) 
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图 4-11: iPhone 上 的 Gmail 应 用 是 一 个 反面 教材 一 一 连 不 应 该 开心 的 消息 
都 放 了 笑脸 图 标 ( 蒙 Steve Portigal 惠 允 使 用 ) 





以 洗 碗 机 为 例 ， 它 的 工作 过 程 大 致 如 下 ， 用 户 选择 一 项 设置 ， 打 开 开 
关 ， 开 始 洗 碗 ， 停 止 。 如 果 洗 碗 机 工作 期 间 机 门 被 打开 ， 它 会 报警 。 
想象 一 下 ， 如 果 洗 碗 机 上 有 一 块 屏幕 ， 上 述 每 项 操作 都 可 以 在 屏幕 上 
对 应 着 显示 一 条 消息 (比如 “正在 洗涤 ，20 分 钟 后 结束 ")。 如 果 没 有 
屏幕 ， 那 恐怕 就 只 能 通过 LED 灯 或 声音 来 传达 这 些 消息 了 。 比 如 ， 正 
在 工作 以 LED 灯 闪 烁 表示 ， 而 洗涤 完成 则 打开 蜂 鸣 器 。 

文字 性 ( 即 事先 写 好 的 ) 反馈 通常 并 不 推荐 使 用 (特别 是 在 没有 屏幕 
或 屏幕 不 够 大 的 情况 下 )。 在 舍弃 文字 形式 的 情况 下 ( 别 忘 了 世界 上 
有 相当 一 部 分 人 不 识字 ， 美 国 中 央 情 报 局 的 资料 显示 ， 大 约 7.93 亿 成 
年 人 是 文 宦 ) ， 必 须 诉 诸 其 他 传达 信息 的 手段 ， 比 如 声音 、 图 示 、 图 
片 、 灯 光 ， 甚 至 触觉 。 既 然 这 些 形式 都 不 是 文字 性 的 〈 即 使 是 文字 有 
时 候 也 会 含糊 不 清 或 模棱两可 )， 那 它们 就 可 以 向 所 有 人 传达 消息 、 
传达 任何 消息 。LED 灯 闪 烁 是 什么 意思 ? 图 标 变色 想 说 明 什么 ? 有些 
反馈 随 着 时 间 推移 就 能 让 人 明白 ;图标 亮 了 ， 我 一 点 它 ， 就 能 看 到 新 
短信 。 点 击 (或 跟随 ) 了 任何 可 能 被 误解 的 反馈 ， 都 不 应 该 给 人 “ 逢 
罚 "。 如 果 我 没 猜 到 LED 灯 闪 烁 表示 洗 碗 机 正在 工作 ， 打 开机 门 也 不 
应 该 溅 我 一 身 滚 痪 的 热 水 。 事 实 上 ， 神 经 学 研究 发 现 ， 错 误 能 提高 效 
率 。 人 类 的 知识 往往 是 在 结果 与 预期 不 相符 时 得 到 的 。 

反馈 的 第 二 条 原则 是 : 最 好 的 反馈 永远 不 会 高 深 英 测 。 它 始终 向 用 户 
传达 有 用 的 消息 ， 并 且 反馈 与 导致 反馈 的 动作 之 间 一 定 存在 某 种 深刻 
的 联系 。 按 下 按钮 启动 设备 ， 然 后 听 到 哪 嘟 声 ， 这 没什么 意义 。 因 为 
触发 器 〈 按 下 按钮 ) 或 导致 的 结果 (启动 设备 ) 与 哪 哪 声 没什么 关 
系 。 而 如 果 配 上 一 次 味 叶 声 ( 按 下 按钮 会 发 出 的 声音 ) 或 在 设备 启动 
的 同时 辅 以 某 种 视觉 /听觉 上 的 提示 (比如 某 个 音调 越 来 越 高 ) 就 会 
好 得 多 。 难 以 猜测 的 反馈 很 难 让 人 把 动作 和 结果 联系 起 来 ， 因 而 也 就 
很 难 让 用 户 理解 到 底 发 生 了 什么 。 最 好 的 微 交 互 都 能 做 到 触发 器 与 规 
则 以 及 反馈 紧密 结合 ， 让 人 感觉 它们 在 一 起 非常 “自然 而 然 ”。 


4.1.2 ” 少 即 是 多 
采用 的 反馈 方式 越 多 ， 反 馈 就 越 具有 侵入 性 。 动 画 加 音效 加 振动 ， 比 
单独 采用 任何 一 种 方式 都 更 能 吸引 人 的 注意 。 微 交互 反馈 的 第 三 条 原 
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则 是 : 用 最 少 的 反馈 传达 最 丰富 的 信息 。 先 确定 要 传达 什么 信息 (“下 
载 已 经 开始 了 ”)， 然 后 再 选择 能 传达 该 信息 的 最 少 反 馈 。 信 息 越 重要 ， 
反馈 方式 就 要 越 明显 (甚至 多 路 并 进 )， 如 图 4-12 所 示 。 
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图 4-12: 在 Cornerstone 中 , 旋转 轮 盘 的 段 数 等 于 后 台 正 在 处 理 的 过 程 数 ( 蒙 
usuf Miles 和 “Little Big Details” 惠 允 使 用 ) 


反馈 的 第 四 条 原则 是 : 使 用 被 人 忽视 的 东西 作为 传达 信息 的 手段 。 很 
多 微 交 互 会 包含 界面 中 的 某 个 司空 见 惯 的 部 分 ， 这 样 没 错 。UI 中 这 些 
被 忽视 的 部 分 一 一 滚动 条 、 光 标 、 进 度 条 、 提 示 条 /悬浮 层 等 ， 都 可 
以 用 于 反馈 信息 。 如 此 一 来 ， 不 用 在 屏幕 上 显示 新 东西 ， 照 样 能 传达 
出 比 平 时 更 多 的 信息 〈 见 图 4-13)。 比 如 ， 鼠 标 移动 到 一 个 被 禁用 的 
按钮 时 ， 光 标 可 以 改变 颜色 。 
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图 4-13: OS X Lion 的 光标 会 变化 , 告诉 你 不 能 朝 哪个 方向 调整 窗口 大 小 ( 蒙 
“Little Big Details” 惠 人 允 使 用 ) 


4.2 ”反馈 体现 个 性 
与 讲究 实用 的 触发 器 和 对 应 规则 的 控件 相 比 ， 反 馈 可 以 作为 一 种 体现 
微 交 互 乃 至 整个 产品 个 性 的 手段 。 通 过 反馈 ， 可 以 制造 一 点 紧张 或 幽 
默 的 气氛 ( 见 图 4-14 和 图 4-15 ) 。 
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图 4-14: 在 上 传 时 间 比 较 长 的 情况 下 ， 云 存储 服务 Dropbox 会 建议 你 吃 根 巧 
克 力 棒 ( 蒙 John Darke 和 “Little Big Details” 惠 允 使 用 ) 
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图 4-15: 如 果 你 的 短信 太 长 ，Google Voice 不 再 计算 字数 ， 而 是 会 说 “你 当 
真 ? ”( 蒙 Zoli Honig 和 “Little Big Details” 惠 允 使 用 ) 


之 所 以 可 以 这 么 做 ， 正 如 前 面 所 说 ， 主 要 因为 反馈 是 给 人 看 的 。 用 户 
对 状况 做 出 反应 ， 而 我 们 要 对 用 户 给 出 反馈 ， 哪 怕 是 通过 机 器 。 为 产 
品 赋予 人 性 ， 赋 了 予 它们 所 不 有 具备 的 动机 和 特质 ， 早 已 不 是 新 鲜 事 了 。 
es 你 的 手机 也 不 会 跟 你 生气 。 利 用 人 类 
这 种 特点 ， 设计 师 应 该 有 意识 地 让 产品 具备 某 种 人 格 。 特 别 是 对 于 
和 交互 ， 这 种 短暂 又 人 性 化 的 时 刻 不 会 让 人 觉得 讨厌 或 无 聊 ， 而 更 可 
能 是 讨 人 喜欢 。 





比如 苹果 的 语音 应 用 Siri， 你 可 以 说 “她 ”就 是 个 实用 工具 。 没 错 ， 
“她 ”能 回答 的 大 多 数 问 题 都 很 实用 。 可 是 ， 对 于 一 些 意思 不 明 或 者 
“人 活着 有 什么 意义 ? ”之 类 没有 真正 答案 的 问题 ，Siri 的 回答 是 : 
“我 不 知道 ， 不 过 我 想 上 骨 定 有 个 应 用 能 帮 上 你 。” 换 名 话说 ， 原 本 可 能 
就 是 个 错误 消 息 (抱歉 ， 我 无 法 回答 这 个 问题 。) 现在 却 有 了 几 分 
幽默 感 和 亲切 感 。 的 确 ， 出 错 或 者 其 他 可 能 让 用 户 不 耐烦 的 时 刻 〈 比 
如 下 载 时 间 很 长 )， 都 非常 适合 用 个 性 化 的 反馈 销 解 用 户 的 情绪 〈 见 
图 4-16 ) 。 























We had a problem processing that request. Go to the IMDb homepage > Report this 
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图 4-16: IMDb (Internet Movie Database， 互联 网 电影 数据 库 ) 网 站 的 500 
普 误 消 息 引 用 的 是 一 句 电影 台词 ( 蒙 Factor.us 和 “Little Big Details” 惠 多 
使 用 ) 


当然 ， 如 果 做 得 不 好 或 者 做 得 过 头 了 ， 有 个 性 的 反馈 也 会 令 人 讨厌 。 
你 应 该 不 希望 登录 微 交互 在 你 每 次 登录 时 都 提 点 意见 ， 也 不 希望 在 自 
己 忘 记 密码 时 会 受到 应 用 的 嘲讽 :“ 又 忘记 密码 啦 ? 真 误 ! ”你 追求 
的 应 该 只 是 表面 上 有 个 性 。 过 于 人 性 化 的 机 器 人 〈 所 谓 的 “人 蕊 怖 谷 理 
论 ”“) 可 能 会 让 人 有 面 对 行 尸 走 肉 的 感觉 ， 同 样 ， 过 于 人 性 化 的 微 交 
互 也 是 有 害 的 。 实 际 上 ,一 点 点 个 性 就 能 百 战 不 殖 ( 见 图 4-17)。 过 
度 人 性 化 不 仅 会 抬 高 人 的 期 望 值 〈 用 户 会 假定 微 交 互 异 乎 寻常 地 聪 
明 )， 而 且 还 可 能 给 人 留 下 不 着 调 、 诡 异 或 可 恶 的 坏 印 象 。 











注 8: 要 详细 了 解 臣 怖 谷 理论 ,请 参见 Popular Mechnanics 杂 志 2010 年 1 月 20 日 的 一 篇 文章 : 
“The Truth About Robotic's Uncanny Valley: Human-Like Robots and the Uncanny 
Valley”( 机 器 人 疏 怖 谷 的 真相 : 类 人 机 器 人 与 恐怖 谷 ) 。 
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图 4-17: 移动 版 Twitter 知道 在 手机 上 输入 是 件 麻烦 事 儿 ， 知 道 用 户 在 登录 
时 可 能 会 出 错 ( 蒙 Joris Bruijnzeels 和 “Little Big Details” 惠 人 允 使 用 ) 


说 到 人 息 怖 ， 还 要 提醒 大 家 一 句 : 如 果 你 想 随 着 时 间 推 移 ， 收 集 并 利用 
行为 数据 来 改进 (或 创建 ) 微 交 互 〈 同 时 毫 无 保留 地 告诉 用 户 你 在 收 
集 什么 数据 )， 明 目 张 胆 (提供 反馈 ) 是 最 容易 让 用 户 讨厌 并 觉得 受 
到 威胁 的 办 法 。 收 集 数据 实现 个 性 化 的 目的 是 让 用 户 高 兴 ， 因 此 最 好 
不 要 引起 用 户 的 反感 。 





人 中 一 一 人 
4.3 ”反馈 方 法 
人 类 能 够 通过 五 大 感官 来 接受 反馈 ,但 其 中 最 主要 的 还 是 接 下 来 要 介 
绍 的 三 种 方式 : 视觉 、 听 觉 和 触觉 。 
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4.3.1 视觉 方法 

必须 承认 一 个 现实 : 大 多 数 反 馈 是 视觉 反馈 。 道 理 很 简单 ， 因 为 我 们 
都 是 看 着 操作 ， 所 以 给 出 视觉 反馈 是 最 直观 的 。 视 觉 反 馈 的 形式 有 很 
多 种 ， 包 括 表 示 在 哪里 可 以 输入 文本 的 光标 内 烁 、 屏 幕 文字 、 发 光 
LED， 以 及 屏幕 之 间 的 效果 过 渡 〈 见 图 4-18) 。 
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图 4-18: Nike+ 应 用 在 路 线 图 上 能 显示 哪 一 段 跑 得 最 快 , 哪 一 段 跑 得 最 慢 ( 蒙 
David Knepprath 和 “Little Big Details” 惠 允 使 用 ) 


除非 没有 屏幕 或 LED， 否 则 默认 的 反馈 方式 就 应 该 是 视觉 方式 。 几 
平 所 有 用 户 发 起 的 动作 〈 不 包括 用 户 不 能 做 的 动作 ， 比 如 单 击 没有 预 
定 目标 的 地 方 ) 都 应 该 给 出 视觉 上 的 反馈 。 对 于 系统 发 起 的 触发 器 和 





规则 ， 只 有 一 部 分 应 该 配 有 视觉 反馈 ， 这 一 部 分 指 的 是 那些 需要 用 户 
介入 的 比如， 出 错 提示 )， 以 及 能 够 为 用 户 提 供 操作 媒介 的 (比如 ， 
显示 收 到 一 封 语音 邮件 的 徽 童 图标)。 想 一 想 ， 要 让 用 户 做 出 决定 ， 
需要 给 他 看 什么 。 然 后 ， 尽 量 以 巧妙 地 方式 呈现 出 来 。 用 户 通 常 需要 
了 解 资源 的 情况 ， 包 括 时 间 、 努 力 、 未 读 信息 ， 等 等 〈 见 图 4-19)。 
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图 4-19: Navigon 应 用 会 在 你 的 车 进入 隧道 时 更 换 青 景 ， 而 且 会 显示 离 出 口 
还 有 多 远 ( 蒙 “Little Big Details” 惠 允 使 用 ) 


不 要 显示 多 余 的 视觉 反馈 。 比 如 ， 千 万 不 要 显示 内 容 跟 按钮 标签 一 样 
的 提示 条 。 任 何 反馈 都 必须 力求 清晰 ， 而 不 是 增添 杂乱 。 类 似 地 ， 视 
觉 反馈 要 适度 ， 即 反馈 越 频繁 ， 越 要 尽量 不 干扰 用 户 。 除 非 一 定 要 吸 
引用 户 的 注意 力 ， 否 则 不 要 使 用 闪烁 ( 见 图 4-20)。 











scottwb created branch chef-vendor-ntp at validas/chef-repo nin ago 
New branch is at /validas/chef-repo/tree/chef-vendor-ntp D020901 


19:30:37 
国 Compare chef-vendor-ntp branch with master » 











图 4-20: Github 在 提示 条 里 显示 时 间 ( 蒙 Scott W. Bradley 和 “Little Big 
Details” 惠 允 使 用 ) 





106 | 第 4 章 


理想 情况 下 ， 视 觉 反馈 应 该 出 现在 用 户 输 入 的 附近 或 原 地 。 如 果 “ 提 
交 ” 按 钮 在 屏幕 底部 ， 就 不 要 把 错误 消息 显示 到 屏幕 项 部。 正 像 第 2 
章 所 说 的 ， 人 在 注意 某 些 东西 的 时 候 ， 视 野 会 变 窗 。 视 野外 部 的 任何 
东西 都 将 被 无 视 ( 见 图 4-21)。 如 果 必 须 把 视觉 反馈 放 到 远离 视觉 焦点 
的 地 方 ， 可 以 通过 让 它 运动 (比如 ， 让 它 慢 慢 地 淡 入 ) 来 吸引 注意 力 。 








‘es | 量 Download 


La sil lL 


Ta 二 
The file you're about to download has a size of 109.38 MB| 














图 4-21: SoundCloud 把 下 载 文件 的 大 小 放 在 了 提示 条 里 面 ， 而 这 种 做 法 
只 适合 大 多 数 用 户 不 介意 下 载 量 的 情况 ( 蒙 David L. Miller 和 “Little Big 
Details” 惠 允 使 用 ) 

1. 动画 

人 类 大 脑 对 运动 具有 极 强 的 响应 能 力 ， 因 此 动画 一 定 不 要 多 用 。 如 果 
可 以 不 用 动画 ， 那 就 别 用 。 没 有 动画 会 让 微 交 互 速度 更 快 ， 认 知 负 担 
更 少 。 但 另 一 方面 ， 若 运用 得 当 ， 短 小 精 悍 的 动画 既 能 增添 趣味 性 ， 
又 可 以 传达 信息 ( 见 图 4-22)。 














ull MegaFon 3G :13:02 9 Bs 
CD 
ualLMegaFon E 2 13:02 9 Ee 
【oooge 
图 4-22: 在 iPhone 上 , 接 入 方式 图 标 旁 边 的 转 轮 的 转速 会 随 网 速 快慢 而 变化 。 
比如 ，Edge 网 络 比 3G 网 络 的 转速 快 〈 蒙 “Little Big Details” 惠 允 使 用 ) 


微 交 互 中 ， 动 画 最 重要 的 一 点 在 于 它 不 仅 指 示 而 且 精 确 地 指示 一 种 行 
为 模式 。 如 果 面 板 不 是 从 屏幕 右 侧 清 出 ， 就 不 要 让 它 从 左 侧 谓 入 ， 同 
理 ， 如 果 用 户 打开 它 的 方式 是 向 下 轻 扫 ， 也 不 要 让 它 从 左 侧 滑 入 。 为 

























了 动画 而 动画 最 要 命 。 最 好 的 动画 能 向 用 户 传达 信息 : 微 交 互 的 结构 
应 该 注意 什么 、 发 生 了 什么 过 程 ， 等 等 。 


谷歌 的 Android 工程 师 Chet Haase 和 Romain Guy 围绕 动画 归纳 了 一 
套 UI 特征 〈 见 图 4-23)。 动 画 应 该 做 到 如 下 几 点 。 





i 


\e DT 


Reference Funsies 


DEals NewWS Amazon 














图 4-23: 在 Android 4.0 (冰淇淋 三 明治 版 ) 中 ， 切 换 屏幕 时 ， 屏 幕 会 产生 斜 
切 动画 ( 蒙 Tony Mooch 和 “Little Big Details” 惠 人 允 使 用 ) 
。 速度 快 

不 耽搁 时 间 。 
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。 平滑 
硅 硅 绊 绊 或 支离破碎 只 能 破坏 气氛 ， 让 微 交 互 看 起 来 像 有 毛病 。 
。 自然 
看 起 来 要 符合 自然 规则 ， 比 如 有 重力 有 惯性 。 


。 简单 
有 意义 ， 容 易 理解 。 


。 有 目的 
不 仅仅 为 了 美观 。 


对 最 后 一 点 ， 设 计 师 兼 工程 师 Bill Scott 归纳 了 与 动画 相关 的 要 点 ”。 


。 改变 视图 的 时 候 要 保持 上 下 文 。 滚 动 列 表 或 平移 传送 带 中 的 内 容 ， 
可 以 看 到 之 前 和 之 后 的 内 容 。 

。 解释 刚刚 发 生 了 什么 。 灰 飞 烟 灭 表示 有 东西 被 删除 了 。 

。 展示 对 象 间 的 关系 。 比 如 ， 在 拖 放 结束 时 ， 让 被 拖 动 的 对 象 移动 到 
放置 目标 中 。 

。 集中 注意 力 。 修 改 某 项 的 值 时 ， 动 画 可 以 让 变化 更 明显 。 

。 提高 感知 效能 。 进 度 条 不 会 缩短 下 载 时 间 ， 但 却 能 让 人 感觉 时 间 过 
得 没有 那么 慢 。 





。 创造 虚拟 空间 的 假象 。 比 如 ， 怎 么 让 面板 请 入 清 出 ， 或 者 让 面板 从 


哪里 讲 入 ， 从 哪里 请 出 。 在 用 户 改变 对 象 状 态 或 切换 使 用 模式 时 ， 
过 没 是 微 交 互动 画 的 重要 实现 方式 。 过 渡 能 给 人 位 置 感 和 路 线 感 ， 
让 用 户 知道 自己 身 处 何 地 、 路 在 何方 。 

。 鼓励 深度 交互 。 有 意思 的 动画 吸引 人 交互 。 


Scott 对 动画 时 间 给 出 有 价值 的 参考 值 ， 把 任何 动画 的 时 间 缩 短 为 你 
台 认 为 的 一 半 。 然 后 ， 可 能 还 得 再 砍 掉 一 半 。( 详 见 OReilly 出 版 的 





《Web 界面 设计 》) 动画 应 该 让 微 交 互 更 有 效率 (通过 启发 思考 或 提供 


指示 ) ， 甚 至 让 人 感觉 更 有 效率 。 


注 9: Borders.com,2008 年 7 月 15 日 :“Anti-Pattern: Animation Gone Wild - Borders.com”( 反 
模式 : 动画 也 疯狂 ) http://t.cn/zQLVesU。 








2. 消息 
设计 师 Catriona Cornett 讲述 了 她 升级 福特 车 载 SYNC 系统 的 经 历 。 
在 把 升级 包 复 制 到 U 盘 并 插 到 车 上 之 后 ， 她 看 到 了 如 下 升级 说 明 : 


“请 严格 遵照 您 车 辆 上 的 使 用 说 明 。 安 装 开 始 大 约 60 秒 后 ， 
会 听 到 “安装 完成 ”的 提示 。 此 时 ， 不 要 拔 出 U 瘟 。 ee 
待 4~18 分 钟 ， 等 听 到 第 二 声 “ 安 装 完 成 ”后 再 拔 出 U 盘 。” 


它 说 会 有 声音 提示 升级 完成 ， 而 实际 上 并 没有 。 假 如 我 没有 看 

这 一 小 段 文字 ， 好 像 我 可 能 就 会 做 出 什么 不 可 挽回 的 事 来 。* 
“安装 完成 ”是 一 个 再 明确 不 过 的 消息 。 然 而 ， 在 上 面 的 说 明 里 ， 这 
个 短语 却 让 人 产生 了 误解 。 任 何 作为 操作 反馈 贵 的 消息 都 必须 (至 少 ) 
保证 准确 。 对 于 说 明 性 的 文字 而 言 ， 同 样 应 该 简洁 明了 。 不 要 用 “ 错 
误 ”“ 警 告 ”这 类 没有 信息 量 的 词 ， 它 们 只 会 搞 得 用 户 更 紧张 。 错 误 
消息 的 反馈 文本 不 仅 要 说 明 出 了 什么 错 ， 还 要 告诉 人 怎么 纠正 它 。 理 
想 情况 下 ， 还 应 该 随同 消息 提供 一 种 纠正 错误 的 途径。 比如 ， 不 要 仅 
仅 告诉 用 户 密码 输 错 了 ， 还 要 重新 把 焦点 定位 到 密码 框 里 或 者 提供 一 
个 找 回 密码 的 链接 ( 见 图 4-24) 。 











Feed Stats Dashboard 


Your feed is so new, we’re still 
playing with the bubble wrap. 
Check back soon for a full dose of stats. 


,60.820 | 


» 126 individuals viewed or clicked items 6 


Wednesdal 


See live Subscriber information » 











图 4-24: 在 新 闻 源 聚合 站 点 Feedburner 中 ， 如 果 你 想 马 上 查看 自己 的 统计 
信息 ， 会 看 到 这 条 消息 。 如 果 能 给 出 实际 的 时 间 就 更 好 了 





注 10: 2011 年 7 月 11 日 :"“UX principles in action: Feedback systems and Ford SYNC” (UX 
原则 实际 演练 : 反馈 系统 与 福特 SYNC, http://t.cn/zQLVesL)。 











虽然 任何 文本 都 应 该 直截了当 (而且 要 说 人 话 ), 但 最 好 不 要 使 用 针 
对 个 人 的 语气 ， 比 如 “你 ”。“ 你 输入 的 密码 有 误 ” 给 人 感觉 更 像 指 
责 ， 比 “密码 错误 ”还 令 人 不 舒服 。 类 似 地 ， 也 不 要 使 用 “我 ” 我 
的 "， 因 为 它们 是 反馈 文案 的 不 怖 谷 。 可 以 像 人 与 人 对 话 一 样 给 出 反 
馈 ， 但 微 交 互 可 不 是 人 。 虽 然 Siri 等 语音 应 用 使 用 第 一 人 称 能 成 功 ， 
但 如 果 把 那些 话 写 下 来 ， 你 会 感觉 很 不 舒服 。 








理想 微 交 互 文案 的 字数 应 该 以 个 为 单位 计算 ， 不 能 以 行 ， 更 不 能 以 段 
为 单位 〈 见 图 4-25)。 文 案 一 定 要 简短 ， 动 词 选择 一 定 要 谨慎 ， 要 把 
重点 放 在 那些 用 户 可 能 或 需要 采取 的 行动 上 :“ 请 重新 输入 密码 。 





NOV 9 Questar Gas Company 
04 Ccheck will be withdraun tomorrow, mailed Monday, and arrive between the 7th and gth, 











图 4-25: 银行 服务 仅 用 短 短 一 行文 字 (支票 将 于 明天 开 出 ， 周 一 快递 ,7 ~ 
9 天 寄 到 ) 就 解释 清楚 了 将 来 会 怎么 样 ( 蒙 “Little Big Details” 囊 允 使 用 ) 


4.3.2 ”听觉 方法 

第 2 章 说 过 ， 声 音 是 一 种 有 效 的 提示 方式 ， 能 够 迅速 直达 人 类 大 脑 ， 
比 视觉 还 要 快 。 由 于 人 类 对 声音 极为 敏感 〈 如 前 所 述 ， 对 运动 的 物体 
也 一 样 )， 因 此 要 慎重 使 用 。 不 过 ， 在 没有 屏幕 的 设备 上 ， 或 者 作为 
(用 户 不 会 完全 注意 的 ) 后 台 运 行 的 微 交 互 的 一 部 分 ， 声 音 反 馈 是 万 
为 重要 的 手段 。 另 外 ， 在 看 屏幕 不 安全 的 情况 下 ， 比 如 开车 的 时 候 ， 
声音 反馈 也 很 重要 。 


一 般 来 说 ， 听 得 见 的 反馈 有 两 种 : 强调 和 报警 。 用 于 强调 的 声音 通常 
意味 着 用 户 要 主动 采取 措施 ， 作 为 对 用 户 期 待 的 任务 已 经 完成 的 一 个 
确认 。 单 击 按钮 听 到 味 吐 声 就 是 一 个 例子 。 这 种 情况 通常 华 有 视觉 反 
馈 ， 而 且 视 觉 和 听觉 反馈 结合 使 用 已 经 被 证 明 是 比 单纯 使 用 视觉 反馈 
更 有 效 的 手段 。” 另 一 种 听 得 见 的 反馈 ， 即 用 于 报警 的 声音 ， 通 常 意 











注 11: 参见 Brown、Newsome 和 Glinert 发 表 于 1989 年 的 论文 “An experiment into the 
use of auditory cues to reduce visual workload”( 通 过 听觉 提示 减少 视觉 负担 的 试验 ): 
http:/t.cn/zQLBmTj。 





味 着 系统 发 起 的 一 些 操作 : 某 个 过 程 结 束 了 、 某 个 条 件 变化 了 ， 或 哪 
里 出 错 了 。 导 航 应 用 中 的 语音 告诉 你 需要 转弯 就 是 声音 警告 的 例子 。 


微 交 互 中 用 到 的 任何 声音 提示 都 应 该 通过 雾 角 测 试 (Foghorn Test) : 
这 个 动作 真 的 重要 到 用 户 看 不 到 但 应 该 知道 它 的 地 步 了 吗 ? 即使 答案 
是 肯定 的 ， 也 应 该 考虑 同时 提供 一 个 关闭 声音 的 机 制 。 


与 其 他 反馈 类 似 ， 听 觉 反馈 应 该 能 根据 使 用 环境 进行 调整 。 某 些 HTC 
手机 在 用 户口 袋 或 钱包 里 时 ， 蜂 鸣 和 铃声 音量 会 变 得 非常 大 (手机 通 
过 光线 传感器 能 感应 到 )， 而 在 用 户 把 它们 拿 出 来 时 声音 又 会 变 小 。 
有 些 汽车 音响 会 随 着 发 动机 噪音 的 增 大 而 提高 音量 。 类 似 地 ， 如 果 用 
户 不 在 设备 所 在 的 屋子 里 (通过 距离 传感器 感应 ) 或 者 房间 的 噪音 非 
常 大 (通过 麦克 风 检 测 )， 音 量 和 音调 也 可 以 增 大 。 另 外 ， 如 果 设 备 
得 知 用 户 不 方便 查看 视觉 提示 (比如 开车 的 时 候 ， 通过 GPS 检测 )， 
也 可 以 自动 开启 声音 提示 (或 增 大 音量 )。 


音效 设计 师 Karen Kaushansky 对 设计 师 们 提出 了 建议 ， 建 议 在 设计 音 
效 时 考虑 “没有 用 的 情形 ”: 什么 时 候 声音 没有 意义 ? 大 半夜 地 在 空 
房间 里 播放 声音 一 一 特别 是 人 声 ， 既 吓人 又 扰民 。 


1. 耳 标 

声音 反馈 分 两 种 : 耳 标 和 语音 。 耳 标 (earcon) ， 是 在 单词 “icon” 
(eye-con) 基础 上 演绎 而 来 的 ， 指 用 来 传达 信息 的 短促 而 独特 的 声 
音 。” 然 而 ， 耳 标 能 传达 的 信息 有 限 ， 因 此 有 时 候 需 要 用 语音 。 语 音 
就 是 录制 (口头 ) 的 或 计算 机 生成 的 话音 。 语 音 特别 适合 说 明和 指 
示 ， 当 然 如 果 产 品 要 面向 多 个 国家 ， 语 音 的 本 地 化 也 是 个 大 工程 。 语 
音 比 耳 标 更 费时 间 ， 用 耳 标 只 要 几 分 之 一 秒 就 能 传达 的 信息 ， 用 语音 
就 得 花 好 几 秒 。 比 较 “ 邦 ”地 一 声 和 “您 有 一 封 新 邮件 ! ” 



























































注 12: 参见 Smashing Magazine “Guidelines for Designing with Audio”( 音 频 设 计 指 南 ): 
http://t.cn/zQLrdbz。 

注 13: Meera M. Blattner、Denise A. Sumikawa 和 Robert M. Greenberg “Earcons and Icons: 
Their Structure and Common Design Principles”( 耳 标 与 图 标 : 常见 设计 原理 与 结构 ) 
Journal of Human-Computer Interaction，1989 年 第 1 期 第 4 卷 。 





耳 标 是 抽象 的 ， 因 此 要 仔细 选择 与 要 传达 的 信息 匹配 的 声音 。 对 微 交 
互 而 言 ， 最 好 的 耳 标 能 让 用 户 (有 意 或 无 意 ) 联想 到 其 他 听 过 的 声 
音 。 例 如 ， 插 上 门 昭 的 味 吐 声 可 以 作为 微 交 互 结束 的 耳 标 ， 而 向 上 的 
呆 电 声 可 以 作为 列表 项 移动 到 顶部 的 配音 。 耳 标 不 要 太 人 尖锐 (紧急 
情况 除外 )， 也 不 要 太 轻 柔 ( 我 听 到 什么 了 吗 ? “) 就 像 在 动画 里 一 
样 ， 最 好 的 耳 标 都 很 简短 : 不 超过 1 秒 钟 ， 通 常 只 有 几 分 之 一 秒 。 例 
外 是 表示 正在 执行 某 项 任务 的 伴音 ， 比 如 用 喻 喻 的 声音 表示 正在 同步 
文件 。 


耳 标 也 必须 跟 要 传达 的 情绪 吻合 。 这 个 反馈 表示 很 紧急 还 是 只 为 了 吸 
引 人 ? 这 是 个 警告 还 是 一 个 通知 ? 耳 标 的 品质 (音色 、 音 调 、 时 长、 
音量 ) 应 该 与 要 传达 的 内 容 匹 配 。 


如 果 想 让 耳 标 生 动 鲜明 .、“ 过 耳 不 忘 ”( 成 为 标志 性 声音 ) ， 应 该 至 少 
包含 连续 的 2~4 个 音调 (音符)。” 你 不 一 定 想 让 自己 的 微 交互 被 人 记 
住 ， 因 此 这 个 技巧 即使 要 用 也 应 该 只 对 每 个 微 交 互 使 用 一 次 。 大 多 数 

微 交互 的 耳 标 都 应 该 只 包含 一 个 音调 ， 只 播放 一 次 。 循 环 播放 任何 耳 

标 时 都 必须 慎之 又 慎 ， 哪 怕 最 轻柔 、 最 温和 的 音调 ， 翻 来 履 去 地 播放 
会 让 人 怒火 中 烧 。 


耳 标 对 一 个 动作 来 说 应 该 独一无二 。 就 像 不 能 对 不 同 的 动作 使 用 相同 
的 视觉 反馈 一 样 ， 对 不 同 的 事件 也 不 能 使 用 相同 甚至 类 似 的 声响 。 对 
于 那些 与 用 户 动 作 无 关 的 警告 音 ， 就 更 应 该 注意 这 一 点 。 如 果 用 户 的 
目光 不 在 设备 上 或 看 不 清 设 备 ， 那 他 无 从 知道 发 生 了 什么 动作 。 









































2. 语音 

如 果 想 用 语音 作为 声音 反馈 ， 一定 要 保证 口述 消息 简单 明了 。 如 果 是 
让 用 户 根据 提示 做 出 选择 ， 给 出 的 选项 要 明确 、 简 短 、 少 。 对 于 微 交 
互 ， 理想 情况 下 ,语音 响应 应 该 只 有 “是 ”或 “不 ”， 最 多 也 就 是 一 
个 词 。 正 如 我 们 在 第 3 章 说 过 的 ， 微 交互 最 好 给 出 聪明 的 默认 值 ， 而 
不 是 给 出 多 个 选项 。 任 何 语音 选项 都 应 该 出 现在 消息 结尾 。“ 要 关闭 

















注 14: 参见 之 前 的 脚注 和 Joseph Kerman 的 Listen (Bedford/St Martin’s 出 版 公司 ，1980 ) 。 





声音 ,说 一 一 是 ”就 对 了 ， 而 “说 是 关闭 声音 ” 则 不 对 。 语 音 反 馈 之 
后 要 紧 跟着 动作 。 


使 用 语音 反馈 ， 就 要 找 演员 录音 ， 或 者 使 用 TITS (Text To Speech， 语 
音 合 成 ) 系统 。 录 音 能 给 人 亲切 感 ， 毕 况 是 人 的 声音 嘛 。 不 过 ， 就 算 
演员 注意 通过 抑扬顿挫 和 停顿 来 准确 地 传达 消息 和 语调 ， 语 音 也 会 包 
售 更 多 的 质感 和 细微 差别 。 缺 点 就 是 只 要 消息 有 变化 ， 就 得 重新 录音 。 


如 果 消 息 是 动态 合成 的 〈 比 如 ， 建 议 路 线 规划 指示 )， 那 TTS 可 能 是 
唯一 的 选择 。 毕 竞 ， 没 人 愿意 把 不 同 街道 的 可 能 组 合 都 读 一 遍 。 虽 然 
TTS 近年 来 已 经 改进 了 不 少 ， 但 还 是 缺少 人 情 味 ， 令 有 些 人 讨厌 ， 因 
此 要 慎重 使 用 。 








4.3.3 触觉 方法 

触觉 技术 上 的 称呼 是 “触感 反馈 ”。 简 言 之 ， 触 觉 就 是 振动 ， 通 党 
由 微 电 机 产生 。 微 电机 可 以 产生 强烈 的 蜂 鸣 振动 ， 也 可 以 产生 模拟 平 
面 纹 理 的 更 柔和 的 拌 动 。 与 视觉 和 听觉 反馈 的 数 十 年 历史 相 比 ， 触 觉 
反馈 还 算是 新 生 事物 ， 大 多 数 人 都 是 通过 寻呼机 和 手机 了 解 它 的 。 


触觉 ， 因 为 很 大 程度 上 是 感觉 (在 比较 硬 的 表面 上 振动 也 能 产生 品 
音 )， 最 适合 用 户 贴身 携带 (和 手持、 触摸 、 穿 戴 或 背负 ) 的 设备 。 当 
然 ， 也 可 以 把 微 电 机 栓 入 家 具 中 ， 以 增强 电影 和 游戏 的 娱乐 性 。 人 的 
脸 和 手 (特别 是 手指 ) 的 触觉 最 敏感 ， 而 躯干 和 大 腿 就 差 远 了 。 


尽管 比 视觉 和 听觉 的 接触 面 更 广 ， 但 人 类 的 触觉 〈 更 确切 地 说 是 皮肤 
感觉 ) 也 是 有 限 的 。 不 仅 受 皮 肤 限制 (虽然 敏感 度 不 同 ， 但 皮肤 面积 
还 算 比 较 大 )， 也 受 大 脑 限制 。 负 责 感知 触觉 的 是 四 种 机 械 敏 感性 受 
体 ， 每 种 受 体检 测 不 同 的 频率 。 不 同 受 体 之 间 还 会 交叉 感应 ， 交 又 感 
应 的 结果 就 是 我 们 的 触觉 ， 因 此 触觉 并 不 强烈 。 有 研究 人 员 称 ,我们 
通过 触觉 感知 的 信息 只 有 通过 听觉 感知 信息 的 1%。 ”大 多 数 人 都 只 能 

















注 15: 参见 R.T. Verrillo、A.J Fraioli 和 R.L. Smith 的 “Sensation magnitude of vibrotactile 
stimuli”( 振 动 触觉 刺激 的 感知 量 级 ) Perception & Psychophysics，1969 年 第 6 卷 ， 
P366-372。 
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感觉 到 3~4 个 级 别 的 振动 。 "所 以 说 ， 通 过 触觉 传达 复杂 的 信息 并 不 
可 靠 。 


幸运 的 是 ， 微 交互 通常 不 需要 传达 复杂 的 信息 。 触 觉 作为 微 交 互 的 反 
馈 手 段 ， 主 要 有 三 个 用 途 。 第 一 是 强化 物理 动作 ， 比 如 在 触摸 屏 上 模 
拟 按 下 按钮 的 压力 ， 或 者 在 手机 关闭 铃声 时 让 手机 震动 。 第 二 是 在 声 
音 不 可 用 或 不 适合 用 的 情况 下 ， 用 来 发 出 警告 (这 在 目前 是 最 常见 
的 )。 汽 车 通过 方向 盘 震 动 唤醒 睡觉 的 驾驶 员 就 是 一 个 例子 。 第 三 是 
在 触摸 屏 等 表面 创造 人 工 纹理 或 摩擦 力 ( 这 在 目前 还 不 多 见 )。 比 如 ， 
可 以 让 滚动 降低 速度 。 


鉴于 人 类 对 触觉 差异 的 感知 能 力 很 有 限 ， 因 此 它们 在 微 交 互 中 的 应 用 
除了 细微 的 、 情 境 化 的 沟通 ， 就 只 有 干扰 性 的 警告 了 。 除 非 在 音乐 家 
或 外 科 医 生 使 用 的 特殊 设备 上 ， 才 可 能 用 到 差异 更 多 样 化 的 触感 。 因 
为 在 演奏 音乐 或 做 手术 的 时 候 ， 更 细 化 的 触觉 量 级 可 以 提供 更 多 的 物 
理 反 馈 。 


4.4 反馈 的 规则 
反馈 也 有 自己 的 生成 规则 ( 见 图 4-26) ， 这 些 规则 如 下 。 





























。 环境 变化 
反馈 会 根据 环境 的 变化 而 变化 吗 ? 比如 ， 到 了 晚上 ， 音 量 会 加 大 ， 


还 是 会 减 小 ? 


。 持续 时 间 
反馈 要 持续 多 长 时 间 ? 如 何 停止 ? 








注 16: Gill, John, “Guidelines for the design of accessible information and communication 
technology systems” (无 障碍 信息 及 沟通 系统 设计 指南 ) Royal Institute of the Blind， 
2004 年 及 F. A. Geldard 和 C. E. Sherrick 的 “Princeton cutaneous research project, 
report no. 38” (普林斯顿 皮肤 研究 项 目 报告 ,第 38 号 ) 普 林 斯 顿 大 学 ,美国 新 泽 西 州 ， 
普林斯顿 ，1974 年 。 








。 强烈 程度 
效果 有 多 亮 、 多 快 、 多 剧烈 ? 是 用 于 上 烘托 气氛 还 是 为 了 引 人 注 意 ? 
强烈 程度 随时 间 加 大 ， 还 是 保持 不 变 ? 

。 重复 次 数 
反馈 重复 吗 ? 多 长 时 间 重 复 一 次 ?” 效果 一 直 不 停 ， 还 是 只 播放 几 
秒 钟 ? 
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图 4-26: Foursquare 会 在 你 为 了 刷新 而 向 下 拉 得 过 长 时 报 怨 一 句 ( 嘿 ， 可 以 
放 开 我 了 ) ( 蒙 Tory Briggs 惠 允 使 用 ) 


这 些 规则 决定 了 反馈 的 各 种 特点 。 
如 果 你 不 想 让 用 户 在 玩 老 虎 机 时 感觉 受骗 或 对 着 屏幕 拳 打 脚 踢 ， 那 就 








好 好 设计 一 下 反馈 。 让 用 户 理解 规则 ， 适 当时 提醒 他 们 状态 已 经 变 
化 。 给 出 的 反馈 要 一 致 ， 要 鼓励 积极 的 行为 。 

有 时 候 ， 一 个 不 断 重 复 的 反馈 就 是 一 个 微 交 互 。 在 接 下 来 的 第 5 章 ， 
我 们 将 讨论 如 何 通过 循环 和 模式 来 扩展 微 交 互 。 














4.5 小结 

掌握 用 户 什么 时 候 需要 知道 什么 信息 。 所 有 反馈 都 以 这 些 信息 为 基础 。 
反馈 的 目的 是 让 用 户 理解 微 交 互 的 规则 。 确 定 哪个 规则 值得 反馈 。 
选择 需要 通过 反馈 传达 的 消息 ， 然 后 再 选择 正确 的 一 个 或 多 个 渠道 。 
关注 情境 并 关注 反馈 能 否 (或 是 否 应 该 ) 随 之 改变 。 

坚持 以 人 为 本 。 反 馈 可 以 利用 人 性 化 的 外 表 为 微 交 互 增添 人 性 光辉 。 


使 用 既 有 的 UI 元 素 传达 反馈 信息 。 在 增加 视觉 元 素 前 尽 可 能 利用 已 
有 元 素 。 


不 要 随意 反馈 。 把 反馈 与 控件 关联 起 来 ， 或 者 通过 它 引导 用 户 行为 。 
尽 可 能 对 用 户 发 起 的 动作 采用 视觉 反馈 。 需 要 强调 或 报警 时 ， 使 用 听 


沉 和 触觉 反馈 。 
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2004 年 1 月 4 日 ， 重 约 400 磅 、 有 6 个 轮子 、 使 用 太阳 能 驱动 的 机 器 
人 在 火星 上 的 一 个 巨大 陨石 坑 一 一 古 谢 夫 环形 山 着 陆 。 这 个 机 器 人 就 
是 造价 4 亿美 元 的 “勇气 ”号 火星 探测 器 ， 制 造 时 间 长 达 1 年 之 久 。 
据 Passport to Knowledge 报道 ,“ 勇 气 ” 号 经 过 6 个 月 的 太空 之 旅 才 
到 达 这 颗 红 色 星 球 ， 经 历 了 一 次 危险 的 着 陆 ， 第 一 次 撞击 火星 表面 
时 反弹 高 度 有 5 层 楼 那么 高 。 负 责 建 造 和 控制 这 个 探测 器 的 JPL (Jet 
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Propulsion Laboratory， 喷 气 推进 实验 室 ) 团队 认为 更 糟糕 的 还 在 后 


头 。 但 是 ， 他 们 错 了 。 


红色 的 尘埃 落 定之 后 ,“ 勇 气 ” 号 开始 拍摄 照片 并 执行 科学 考察 任务 ， 
前 进 到 附近 的 一 个 目标 (“ 断 头 谷 ")。 可 是 ，1 月 21 日， 探测 任务 开 
台 不 到 3 周 ， 奇 怪 的 事情 发 生 了 。NASA 的 识 太空 网 (Deep Space 
Network) 与 “勇气 ”号 失去 了 联系 。 


一 开始 ， 科 学 家 们 认为 是 发 生 在 澳大利亚 的 雷暴 干扰 了 地 面 信号 接收 
装置 ， 导致 “勇气 ”号 与 地 面 失去 联系 。 但 事实 是 “勇气 ”号 自身 出 
了 问题 。 第 二 天 ,“ 勇 气 ”号 发 来 信号 次 哪 哪 声 ， 表 示 自 己 还 在 
那里 ， 然 后 就 再 没有 其 他 消息 了 。 问 题 非常 严重 。 如 果 是 关键 的 硬件 
发 生 故 障 ， 那 这 台 机 器 人 就 已 经 死 了 ， 它 的 探测 任务 已 经 结束 。 


在 尝试 了 很 多 方法 后 ，JPL 最 终 让 这 辆 火星 车 发 回 了 诊断 数据 ， 时 间 
是 1 月 23 日 。 虽 然 很 多 数据 都 是 没有 意义 的 噪声 重复 ， 但 也 为 他 们 分 
析 故 障 原 因 提 供 了 一 些 依据 。 结 果 并 不 乐观 : 探测 器 内 部 温度 超过 了 
预期 电池 电量 不 足 。 正 常情 况 下 ， 探 测 器 的 计算 机 每 天 只 开 5~6 小 
时 ， 一 方面 市 省 电能 ， 男 一 方面 防止 过 热 。 然 而 数据 显示 ， 探 测 器 并 
没有 进入 睡眠 模式 ， 因 此 消耗 了 电能 ， 并 导致 过 热 。 如 果 这 种 状况 持 
续 下 去 ， 探 测 器 就 会 报废 。 这 次 火星 探测 活动 的 负责 人 Mark Adler 表 
示 :“ 我 们 手 里 的 是 一 台 生病 的 火星 车 。 勇气 ”号 失眠 了 ， 还 发 烧 ， 
身体 越 来 越 虚 弱 ， 满 嘴 胡 话 ， 语 无 伦 次 ， 对 我 们 的 问 话 置 若 闭 闻 。” 


5 



































Adler 扣人心弦 的 第 一 手记 录 可 以 在 这 篇 文章 里 看 到 
4 。 “Spirit Sol 18 Anomaly”"， 发 表 在 Planetary Society Blog， 
“A 
”链接 为 : http://t.cn/zQJXRFn。 








黔 驴 技 穷 之 际 ， 控 制 人 员 向 “勇气 ”号 发 出 了 SHUTDWN_DMN_TIL 
( shutdown dammit until ”， 关 机 待命 ) 命令 ， 强 制 机 器 人 进入 睡眠 模 
式 。“ 勇 气 ” 号 接受 了 命令 ，JPL 团队 松 了 一 口气 。 为 了 确认 ， 他 们 向 
火星 车 发 送 了 一 次 嘟 嘟 声 ， 如果“ 勇气 ”号 真 的 睡 着 了 ， 就 不 会 响应 。 


但 他 们 收 到 了 回音 。 
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“勇气 ”号 并 没有 执行 命令 ， 而 且 由 于 地 球 在 环形 山中 已 经 “沉没 ”， 
除了 等 到 第 二 天 再 联系 ，JPL 没有 任何 办 法 。 在 此 期 间 , “勇气 ”号 会 
持续 过 热 ， 耗 尽 电 能 。 机 器 人 已 经 生存 无 望 。 


JPL 团队 重新 部 署 ， 准 备 调 查 清楚 到 底 哪里 出 了 问题 。 他 们 提出 了 一 
套 说 法 :“ 勇 气 ” 号 进入 了 故障 模式 ， 它 在 遇 到 自己 无 法 解决 的 问题 
时 重新 启动 了 ， 就 像 我 们 自己 的 电脑 在 死机 后 重启 一 样 。 关 键 在 于 ， 
“勇气 ”号 似乎 被 卡 在 了 故障 模式 ,一遍 又 一 遍地 重新 启动 。 换 句 话 
说 ， 它 在 重新 启动 时 碰 到 了 问题 。 


后 来 ，JPL 发 现 问 题 出 在 探测 器 飞 向 火星 期 间 的 一 次 软件 升级 上 。 升 
级 过 程 中 要 删除 旧 程 序 文件 ， 可 是 代替 它们 的 新 文件 却 上 传 失败 ， 但 
这 件 事 没 人 留意 或 者 说 是 被 忽略 了 。 由 于 旧 文 件 还 在 ， 文 件 存储 空间 
不 足 。 于 是 “勇气 ”号 尝试 恢复 数据 ， 文 件 系统 溢出 。 为 修复 问题 ， 
“勇气 ”号 重新 启动 。( 这 么 做 也 是 程序 设 定 的 。) 但 由 于 文件 空间 不 
足 ， 重 启 无 法 完成 ,“ 勇 气 ”号 为 此 再 次 重启 。 这 样 ， 机 器 人 就 进入 
了 无 限 循 环 。 


空 制 团队 当时 不 知道 是 这 个 原因 ， 他 们 只 是 猜测 “勇气 ”号 在 不 断 重 
启 ， 因 此 希望 在 探测 器 无 法 挽回 地 损坏 之 前 停止 重启 。JPL 怀疑 ， 既 
然 不 断 重 启 问 题 依 旧 ， 要 么 是 内 存 ( 即 EEPROM) 故障 ， 要 么 是 硬件 
故障 。( 假 如 是 硬件 故障 ， 那 么 探测 器 就 不 可 能 修好 了 。) 幸运 的 是 ， 
探测 器 研发 工程 师 预 见 到 了 内 存 和 EEPROM 可 能 出 问题 ， 因 此 设计 
了 一 种 不 通过 内 存 启动 的 方式 ， 即 通过 从 地 球 接收 无 线 电 信息 ， 也 能 
执行 有 限 的 一 些 命令 。 其 中 一 条 命令 就 是 告诉 计算 机 不 使 用 内 存 重新 
启动 。JPL 团队 通过 无 线 电 发 送 了 几 次 这 条 命令 ， 最 终 还 是 起 作用 了 ， 
循环 被 中 止 。 终 于 可 以 长 出 一 口气 了 ，JPL 接收 了 一 些 数据 ， 然 后 让 
晚 睡 了 很 人 的 “勇气 ”号 进入 了 梦乡 。 


还 好 ， 故 事 的 结局 让 人 很 开心 。 因 为 “勇气 ”号 在 2004 年 2 月 5 日 
恢复 了 全 面 运行 状态 ， 尽 管 其 太阳 能 电池 板 的 设计 寿命 具有 3 个 月 ， 












































注 1: 要 了 解 详 细 信 息 ， 请 参考 EE Times 2004 年 2 月 20 日 的 文章 “The trouble with rover 
is revealed” (漫步 者 的 麻烦 显现 )。 
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而 且 还 在 沙 地 里 被 困 了 两 年 ， 但 它 还 是 继续 运行 了 好 几 年 。 与 “ 勇 
气 ” 号 最 后 一 次 通信 是 2010 年 3 月 22 日 ， 比 JPL 的 预期 长 了 近 7 
年 。NASA 官方 在 2011 年 5 月 25 日 宣布 “勇气 ”号 完成 了 使 命 ， 
为 “在 火星 上 没有 多 少 阳 光 的 严冬 ， 甚 能 量 不 足以 支撑 幸存 的 加 热 装 
置 ， 这 辆 火星 车 的 内 部 温度 比 之 前 在 火星 上 的 6 年 都 要 低 ”。 在 本 书 
写作 时 (2013 年 3 月 ),“ 勇 气 ” 号 的 挛 生 火星 车 兄弟 一 一 晚 三 周 抵达 
火星 的 “机 遇 ” 号 ， 仍 然 在 执行 着 探索 火星 表面 的 任务 。 


提 到 模式 ， 软 件 应 用 中 也 有 一 个 模式 与 “勇气 ”号 的 故障 模式 类 似 。 
在 这 种 模式 下 ， 应 用 以 不 同 寻常 的 方式 运行 ， 通 常 意味 着 可 以 通过 比 
如 按 一 个 键 来 做 一 些 特别 的 事 。 而 循环 呢 ， 与 “勇气 ”号 的 不 断 重 启 
类 似 ， 就 是 一 个 或 一 串 不 断 重复 的 命令 。( 下 面 会 讲 到 ， 微 交互 中 的 
循环 会 有 一 点 点 不 同 。) 正如 “勇气 ”号 的 惊险 故事 所 揭示 的 ， 就 算 
是 NASA 中 那些 最 循规蹈矩 的 科学 家 ， 也 很 难处 理 好 循环 与 模式 。 


5.1 模式 

模式 是 规则 的 一 个 分 支 ， 而 且 对 微 交 互 来 说 ， 模 式 应 该 尽 可 能 少 用 。 
大 多 数 微 交 互 都 应 该 没有 模式 ， 但 有 时候 模式 也 是 必要 的 。 模 式 最 主 
要 的 目的 是 执行 一 种 不 常用 的 动作 ， 这 种 动作 可 能 会 妨碍 微 交 互 达 成 
其 主要 目的 。 常 见 的 模式 就 是 设置 ， 用 户 可 以 在 其 中 指定 一 些 有 关 微 
交互 的 选项 。 在 进入 设置 模式 时 ， 通 常 仅 修改 徽 交 互 ， 而 不 会 同时 执 
行 主任 务 。 此 时 的 操作 与 其 他 操作 隔离 。 比 如 天 气 应 用 ( 见 图 5-1) 
或 股票 应 用 ， 要 在 其 设置 模式 中 选择 城市 或 股票 代码 。 此 时 执行 的 不 
是 微 交互 的 主任 务 ， 而 是 引导 用 户 进入 一 个 子 任务 ， 然 后 再 返回 主任 
务 的 分 支 规 则 。 



























































不 使 用 模式 的 原因 往往 在 于 它 会 导致 错误 ， 在 模式 处 于 不 可 见 状态 的 
情况 下 ， 出 错 概率 更 高 。 比 如 ， 打 开 编 辑 模式 ， 会 把 用 户 原先 熟悉 的 
屏幕 变 成 需要 重新 学 习 的 状态 。 不 同 模式 下 ， 同 样 是 点 击 一 项 ， 可 能 
会 产生 完全 不 同 的 结果 : 在 默认 模式 下 是 选择 这 一 项 ， 而 在 删除 模式 
下 则 会 删除 这 一 项 。 模 式 越 少 ， 导 致 用 户 困 惑 的 机 会 越 少 ， 在 微 交 互 
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中 ， 最 好 没有 模式 ， 即 使 有 也 不 要 超过 一 种 ， 这 样 强 迫 用 户 理解 微 交 
互 的 机 会 也 越 少 。 
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十 Weather 


®@ San Francisco 
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: 


” powered by: 
ew YAFIOO! 


weather.com 
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图 5-1: 苹果 iOS 版 天 气 应 用 的 设置 模式 


如 果 必 须 设计 一 种 模式 ， 对 微 交 互 而 言 ， 最 好 能 给 它 自 己 设计 一 个 屏 
幕 (当然 前 提 是 有 屏幕 )。( 这 是 第 3 章 讨论 的 “不 要 让 每 条 规则 都 对 
应 一 个 屏幕 ”的 例外 。) 单独 的 屏幕 可 以 减少 错误 和 防止 困惑 ， 因 为 
用 户 可 以 清楚 地 知道 自己 进入 了 一 个 不 同 的 模式 ， 而 不 是 处 于 不 熟悉 
的 状态 。 过 渡 到 新 模式 (以 及 返回 之 前 的 默认 模式 ) 的 效果 ， 也 可 以 
作为 有 用 的 提示 ， 表 示 用 户 要 到 一 个 特殊 的 地 方 做 一 些 特别 的 事 。 











用 户 进入 另 一 个 模式 然后 再 返回 之 前 的 模式 时 ， 会 希望 原来 的 模式 还 
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处 于 自己 离开 时 的 状态 ， 尽 管 在 另 一 个 模式 中 操作 的 结果 可 能 会 反映 
到 默认 模式 。 用 户 在 退出 特殊 模式 返回 主 模式 后 ， 会 希望 主 模式 中 的 
交互 方式 与 自己 离开 时 的 相同 ， 当 然 要 反映 出 他 们 在 特殊 模式 下 所 做 
的 修改 。 比 如 ， 在 天 气 应 用 中 ， 如 果 用 户 在 “添加 城市 ”模式 中 添加 
了 一 个 城市 ， 那 么 回 到 主 模 式 时 ， 应 该 让 用 户 看 到 新 城市 的 天 气 。 


弹簧 模式 与 一 次 性 模式 

如 果 切 换 到 另 一 个 模式 就 是 为 了 执行 一 个 简单 的 操作 ， 那 就 会 很 令 人 
讨厌 。 除 了 传统 的 模式 ， 还 有 两 种 适用 于 (或 可 以 取代 传统 模式 的 ) 
微 交互 模式 变 体 ， 弹簧 模式 和 一 次 性 模式 。 这 两 种 模式 都 不 会 让 用 户 
感觉 自己 被 锁 在 了 一 个 未 知 模式 里 。 


弹 禾 模式 (有 时 候 也 叫 Quasimode”) 只 在 用 户 按 下 键 或 按 住 鼠 标 不 放 
的 情况 下 才 会 激活 。 用 户 一 停止 上 述 动作 ， 模 式 就 会 消失 。 最 经 典 的 
例子 就 是 按 住 键盘 上 的 Shift 键 打开 大 写 模 式 ， 但 一 松 开 手 就 会 退出 。 
Alt、Option 和 Command 键 也 都 能 进入 弹簧 模式 。 


弹簧 模式 的 价值 在 于 ， 用 户 很 少 会 忘记 自己 在 不 同 的 模式 里 ， 因 为 他 
们 必须 通过 实际 的 操作 才能 切换 到 另 一 个 模式 ， 而 且 也 不 需要 切换 不 
同 的 屏幕 。 这 种 模式 的 缺点 是 不 适合 费时 的 操作 或 复杂 的 输入 。 

对 微 交 互 来 说 ， 弹 簧 模式 最 好 少 用 ， 它 主要 适合 设备 和 家 电 产 品 。 比 
如 ， 长 按 “ 开 始 ” 键 可 以 重新 启动 或 重 置 。 

弹 复 模 式 也 可 以 是 把 用 户 引导 到 微 交 互 的 不 可 见 触发 右 ， 比 如 自动 填 
充 搜 索 字 段 。 自 动 填充 功能 只 有 在 字段 里 有 文本 时 才 会 起 作用 ， 因 此 
也 属于 弹簧 模式 。 

这 些 对 一 次 性 模式 也 适用 。 一 次 性 模式 指 的 是 在 用 户 发 起 模式 时 ， 模 
式 持续 时 间 与 动作 执行 时 间 相 等 ， 动 作 结束 ， 模 式 就 结束 。 比 如 ， 












































注 2: Quasimode 是 Jef Raskin 在 他 后 来 的 奠基 之 作 The Humane Interface (Addison-Wesley 
Professional) 中 提出 来 的 。 

















124 | 第 5 章 


在 iOS 中 双击 文本 会 调 出 其 剪 切 并 粘贴 功能 ， 该 功能 在 选择 一 个 命 
今后 消失 。 较 新 版 本 的 Microsoft Office 中 有 一 个 所 谓 的 “迷你 工具 
条 ”， 只 要 选中 文本 ， 它 就 会 出 现 ， 其 中 包含 一 个 格式 化 工具 。 在 
OmniGraffle 中 ， 每 次 用 完 选 中 的 工具 (比如 直线 工具 )， 光 标 都 会 
恢复 到 默认 状态 (指针)。 一 次 性 模式 最 适合 快速 的 任务 切换 (就 像 
OmniGraffle) 或 上 下 文 工 具 (比如 Office 和 1iOS)。 


一 次 性 模式 也 可 以 用 在 手势 和 话音 微 交 互 中 。 在 某 些 语音 控制 的 界面 
中 ， 比 如 支持 Kinect 的 Xbox 中 ， 语 音 命 令 〈 在 这 里 就 是 “Xbox”) 
就 是 触发 器 ， 一 个 命令 就 会 启动 一 个 一 次 性 模式 ， 而 这 个 模式 又 可 以 
接受 新 的 命令 。“ 灯 光 ! 瞳 一 些 ! ”或 “电视 ! 关闭 ! ”(《 星 际 迷 航 》 
里 以 科幻 方式 演绎 过 这 种 应 用 :“ 计 算 机 ， 定 位 舰 长 Riker ! ”) 类 似 
地 ， 在 手势 界面 中 ， 一 个 手势 (比如 挥手 ) 就 可 以 触发 微 交 互 ， 从 而 
进入 能 够 接受 另 一 个 手势 的 一 次 性 模式 。 在 这 两 种 情况 下 ， 一 次 性 模 
式 都 可 以 防止 意外 触发 。 而 在 这 两 方面 的 例子 中 ， 一 次 性 模式 都 会 在 
一 定 的 时 间 后 退出 ， 为 此 就 需要 循环 了 。 


5.2 循环 

循环 〈 在 微 交 互 的 语 境 下 ) 就 是 不 断 重 复 的 一 段 时 间 ， 通 常用 于 设 定 
持续 时 间 。 这 段 时 间 的 单位 可 以 是 毫秒 、 分 钟 、 天 ， 甚 至 是 年 。 循 环 
的 核心 是 计时 ， 即 确定 微 交 互 的 速度 和 持续 时 间 。 虽 然 大 多 数 微 交 互 
的 持续 时 间 很 得， 但 它们 或 者 它们 的 革 一 部 分 可 以 重复 ， 因 而 就 可 能 
具有 不 那么 短暂 的 “生命 ”。 

循环 由 规则 (直接 或 间接 地 ) 指明 。 每 30 秒 获 取 一 次 数据 ”或 “ 运 
行 3 分 钟 ， 然 后 停止 ”或 “每 10 天 发 送 一 次 提醒 ”都 表明 微 交互 中 
有 循环 。 























注 3: 程序 员 看 到 这 个 定义 可 能 会 有 异议 ， 因 为 他 们 通常 理解 的 循环 (作为 计算 机 科学 术 
语 ) 不 可 能 做 到 这 一 点 。 做 到 这 一 点 的 应 该 是 “等 待 ”或 “睡眠 ”命令 。 
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5.2.1 循环 分 类 
我 们 关心 4 种 循环 模式 。 


。 计数 (for) 衢 环 
重复 既定 次 数 的 循环 。 比 如， 在 显示 错误 消息 前 ， 检 查 10 次 是 否 
有 网 络 连 接 。 


条 件 (while) 循环 
在 满足 条 件 的 情况 下 反复 执行 的 循环 。 如 果 条 件 变化 或 结束 ， 则 循 
环 停止 。 如 果 有 网 络 连 接 ， 则 每 分 钟 检查 一 次 Twitter 的 新 消息 。 


。 集合 循环 
与 计数 循环 类 似 ， 这 种 循环 会 帝 历 集合 中 的 每 个 值 ， 然 后 停止 。 例 
子 : 对 每 封 示 读 邮 件 ， 给 未 读 计数 器 加 1。 








。 无 穷 循环 
循环 开始 后 ， 除 非 出 错 或 被 人 强制 停止 ， 否 则 永远 不 会 结束 。 与 
“勇气 ”号 火星 探测 器 的 故事 类 似 ， 这 种 循环 通常 是 要 尽力 避免 的 。 
不 过 ， 某 些 类 似 开 灯 的 微 交 互 基本 上 就 是 从 一 个 无 穷 循 环 开始 的 : 
除非 整个 微 交 互 被 关闭 或 者 灯泡 烧 掉 ， 否 则 灯 永 远 不 会 关 。 


除了 以 上 循环 ， 还 有 两 种 循环 : 开放 循环 和 封闭 循环 。 微 交互 将 这 
两 种 循环 用 于 不 同 的 情况 。 开 放 循 环 不 响应 反馈 ， 它 们 执行 完 就 结 
束 。(“ 每 天 晚上 10 点 ， 把 灯 打 开 。) 封闭 循环 具有 内 置 反 馈 机 制 ， 
因而 可 以 自 调整 。 比 如 ,汽车 开动 起 来 后 ， 封 闭 循环 可 以 自动 检查 
发 动机 噪音 ， 据 此 调整 汽车 的 音响 。 


与 第 2 章 讨论 的 算法 类 似 ， 确 定 循环 的 参数 对 用 户 体验 影响 极 大 。 循 
环 的 次 数 太 少 ， 会 让 人 感觉 仓促 或 有 侵入 性 ， 而 循环 时 间 太 长 ， 又 会 
让 人 感觉 拖 栓 或 反应 迟钝 。 图 5-2 展示 了 一 个 计时 循环 的 例子 。 

可 以 用 循环 来 控制 动作 时 间或 让 某 个 过 程 不 会 过 长 ， 甚 至 可 以 控制 整 
个 微 交互 的 持续 时 间 。 为 什么 要 控制 时 间 呢 ? 可 能 是 出 于 安全 考虑 ， 
比如 登录 银行 网 站 后 ， 如 果 一 段 时 间 内 不 活动 ， 就 会 自动 注销 你 的 登 
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录 。 但 这 种 自动 结束 微 交 互 的 操作 有 时 候 会 让 人 反感 ， 所 以 必须 慎 用 
( 见 图 5-3)。 
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图 5-2: Moo (moo.com) 在 用 户 下 单 后 开始 计时 循环 ， 告 诉 用 户 还 有 多 长 
时 间 可 以 编辑 刚 下 的 订单 ( 蒙 Matt Donovan 和 “Little Big Details” 惠 允 使 用 ) 





Security Check 
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图 5-3: 如 果 用 户 短 时 间 内 单 击 了 太 多 次 “添加 朋友 ”按钮 ，Facebook 会 对 
用 户 进行 警告 ( 蒙 Alfie Flores Nollora 和 “Little Big Details” 惠 允 使 用 ) 
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循环 也 可 以 用 来 识别 行为 。 比 如 ， 如 果 用 户 暂 停 微 交互 的 时 间 过 长 ， 
可 以 提示 用 户 是 否 需 要 帮助 ( 见 图 5-4)。 


























图 5-4: 如 果 缓 冲 视频 的 时 间 过 长 ,TED 站 点 会 给 出 下 载 链接 ,以 便 线 下 观看 ( 蒙 
Justin Dorfman 和 “Little Big Details” 惠 人 允 使 用 ) 


有 时 候 ， 只 有 重复 (开放 循环 ) 还 不 够 。 最 有 用 的 循环 ， 是 那些 在 长 
周期 内 一 直 存 续 的 循环 ， 以 及 (或 者 ) 能 够 随时 间 的 推移 ， 根 据 行为 
有 反馈 自 适应 的 封闭 循环 。 这 就 是 长 循环 。 








5.2.2 长 循环 


“如 果 对 象 还 没有 成 熟 到 令 人 满意 的 程度 ,设计 就 有 问题 。” 





Deyan Sudjic 


说 说 羊角 锤 吧 。 跟 大 多 数 工具 一 样 ， 羊 角 锤 在 其 些 特定 的 情况 下 非常 
有 用 一 一 就 像 微 交互 。 上 有 具体 来 说 ， 羊 角 锤 可 以 砸 生子， 也 可 以 起 钉子 ， 
偶尔 还 可 以 用 来 粉碎 东西 。 但 微 交互 不 是 羊角 锤 ， 它 有 记忆 ， 能 使 用 
数据 ， 还 可 以 循环 ， 甚 至 无 穷 循 环 。 设 计 微 交 互 时 ， 可 以 使 用 我 所 说 
的 长 循环 ， 不 仅 关注 个 别 的 任务 ， 也 关注 更 长 时 间 跨 度 内 的 活动 。 为 
了 让 用 户 第 二 次 使 用 微 交 互 时 感觉 更 好 ， 可 以 做 些 什么 ?第 十 次 呢 ? 
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第 一 万 次 呢 ? 图 5-5 和 图 5-6 展示 了 两 个 着 眼 于 近期 改进 的 例子 。 








3 days ago 


1 hour ago 


2 minutes 














图 5-5: 数字 音乐 服务 Spotify 的 “Added” 列 中 的 音乐 ， 会 随时 间 的 推移 而 
淡出 ( 蒙 Jorge Nohara 和 “Little Big Details” 惠 允 使 用 ) 


Yu | 


im forever blowing bubbles Dismiss 
im elmo and | know it 

im yours 

im glad you came 

im sexier and | know it Imfao official music video 

im blue eiffel 65 

im glad you came the wanted 

im yours lyrics jason mraz 

im the best 

im a believer 





Q 














图 5-6: YouTube 会 将 最 近 的 搜索 显示 为 紫色 ( 蒙 Davide Dettori 和 “Little 
Big Details” 惠 允 使 用 ) 
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循环 可 以 让 你 创造 出 设计 专家 、Adaptive Path 公 司 CEO Brandon 
Schauer 所 谓 的 “The Long Wow”( 长 久 的 赞 赏 ，http://t.cn/ 
zQUOqgWe)。“ 长 久 的 赞赏 ” te a 
we 而 不 是 一 成 不 变 ， 借 以 建立 用 户 忠诚 度 〈 见 图 5-7 和 图 
-8) 。 从 微 交 互 角 度 讲 ,“ 长 久 的 赞赏 ”意味 着 随时 间 的 推移 调整 微 交 

互 ， 让 用 户 感觉 它 是 专门 给 自己 定制 的 ， 甚 至 是 一 个 全 新 的 东西 。 这 
就 要 求 使 用 长 循环 ， 也 就 是 持续 时 间 与 微 交 互 所 在 设备 一 样 长 ， 甚 至 
更 长 时 间 的 循环 (如果 能 远程 存储 行为 数据 的 话 )。 














too Guys Girly Participate Info 


Nuae 


An item in your cart is running out! 
Hey ! 


Some items in your shopping cart are dangerously close to being sold out. Please, we 
beg you, act now to purchase your tees before it's too late!!! 


We only have (15) Medium Oatmeal Girly Burnout V-Neck Freya's Hair Select 
Girly Burnout V-Neck left! 


F Click here to check out your cart! 
Thank you from your pals at Threadless.com! 





P.S. If you dont like emails like this, you can always turn them off in your account 
settings 











图 5-7: Threadless 会 在 用 户 的 货物 快要 卖 光 之 前 给 用 户 发 邮件 ( 蒙 “Little 
Big Details” 惠 人 允 使 用 ) 








Username or Email 


Password 


网 ber M 
口 Remember Me Log In 
Lost your password? 











图 5-8: Remember Me ( 记 住 我 ) 会 打 断 互联 网 循环 。 选 这 个 复 选 框 会 发 生 
什么 ? 能 保证 你 自动 登录 吗 ? (不 可 能 . ) 多 数 情况 下 ， 它 甚至 都 不 记得 你 选 
过 这 个 复 选 框 ， 所 以 干脆 就 不 要 选 ( 蒙 Jack Moffett 惠 允 使 用 ) 


类 似 长 循环 的 用 途 就 是 扩展 微 交 互 ， 使 其 不 局 限于 一 次 使 用 。 比 如 ， 
每 周 提醒 用 户 一 次 愿望 列表 中 的 商品 ， 或 者 看 起 来 没有 网 站 会 记 住 的 
“ 记 住 我 ” 复 选 框 ， 都 是 这 样 的 例子 。 在 用 户 返 回 微 交互 时 ， 应 该 记 
住 用 户 之 前 的 使 用 情况 。 喜 欢 大 声 放 音乐 的 用 户 可 能 需要 与 其 他 人 不 
同 的 设置 ( 见 图 5-9)。 








Yes, temporarily unsubscribe me! 











图 5-9: ThinkGeek 允许 用 户 在 节假日 到 来 时 临时 取消 订阅 ( 蒙 Kayle 
Armstrong 和 “Little Big Details” 惠 人 允 使 用 ) 


渐进 揭示 或 减少 

长 循环 的 另 一 个 用 途 是 在 长 周期 内 渐进 揭示 新 功能 。 随 着 用 户 对 产品 
越 来 越 熟 悉 ， 就 不 必 再 手把手 地 教 他 们 了 ， 可 以 将 他 们 看 成 有 经 验 的 
人 。 比 如 ， 用 户 多 次 使 用 微 交 互 之 后 ， 可 以 加 入 快捷 方式 或 更 高 级 的 
功能 。 
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另 一 个 方向 是 渐进 减少 (http://t.cn/zY5nBPZ)， 即 微 交互 随时 间 推 移 
越 来 越 简 单 ， 因 为 随 着 用 户 越 来 越 有 经 验 ， 一些 用 于 辅助 说 明 的 标签 
就 不 再 必要 了 ( 见 图 5-10)。 不 过 ， 必 须 与 否 要 因 人 而 异 。 如 果 因 此 
导致 用 户 使 用 频率 下 降 ， 那 么 微 交 互 必须 重新 变 得 可 靠 和 明显 。 简 化 
微 交 互 的 好 处 ， 对 用 户 而 言 就 是 使 界面 更 清 严 、 让 人 更 有 成 就 感 ， 而 
且 利 用 了 自己 对 产品 的 熟悉 程度 。 



































图 5-10: LayerVault 中 淘 进 减少 的 例子 。 默 认 情 况 下 ,“Signpost ”按钮 有 
一 个 大 图 标 ， 还 有 一 个 标签 。 随 着 用 户 越 来 越 熟练 ， 标 签 就 被 去 掉 了 。 而 对 
更 有 经 验 的 用 户 ， 按 钮 根本 不 用 再 强调 ( 蒙 LayerVault 惠 允 使 用 ) 








差 一 点 损毁 的 火星 探测 器 “勇气 ”号 的 故事 告诉 我 们 ， 循 环 与 模式 并 
不 容易 实现 和 维护 。 然 而 ， 利 用 循环 和 模式 可 以 让 微 交 互 更 简洁 ( 通 
过 把 不 常用 的 动作 ， 如 设置 ， 转 移 到 另 一 个 模式 )、 更 丰富 (通过 随 
时 间 推 移 不 断 适应 用 户 习惯 )。 


现在 ， 构 成 微 交 互 的 各 个 部 分 就 全 部 讲 完 了 。 接 下 来 ， 该 把 所 有 部 分 
组 合 到 一 起 ， 看 儿 个 实际 设计 微 交 互 的 例子 了 。 





5.3 小 结 
只 有 在 某 个 动作 会 干扰 微 交互 时 才 需 要 设计 新 模式 。 
如 果 必 须 有 新 模式 ， 尽 可 能 给 它 设计 一 个 专用 屏幕 。 


对 于 能 够 快速 完成 的 动作 ， 可 以 考虑 弹 得 模式 或 一 次 性 模式 ， 而 非 传 
统 模式 。 


使 用 循环 扩展 微 交 互 的 生命 周期 。 
仔细 确定 循环 的 参数 ， 以 保证 最 佳 的 用 户 体验 。 


使 用 长 循环 赋予 微 交 互 记 忆 力 ， 或 者 使 其 能 随 着 时 间 推 移 渐进 揭示 或 渐 
进 减 少 新 功能 。 
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.OA*e 


循环 与 模式 


2008 年 ， 波 士 顿 的 一 个 寒冷 夜晚 ，Leah J an 
的 狗 粮 没有 了 。 他 们 条 乞 册 于 用 翁 。 路 上 居然 还 打 到 一 辆 出 租车 。 不 
过 ， 狗 也 得 吃饭 呐 。 她 想 :“ 要 是 能 在 网 上 喊 一 句 :“ 谁 有 狗 粮 ， 多 少 
钱 ， 我 们 给 ! ”而 且 恰 好 有 个 邻居 正在 超市 买 东 西 ， 于 是 就 帮 有 我 们 
买 了 狗 粮 ， 那 该 多 好 啊 ! ”出 租车 还 没 到 地 方 ， 她 就 把 域名 想 好 了 : 


1 


RunMyErrand.com 。 


RunMyErrand 最 终 变 成 了 创业 公司 TaskRabbit，Busque 成 为 创始 人 
兼 CEO。TaskRabbit 让 人 们 把 自己 不 想 做 的 事 ， 比 如 捐 旧 衣物 或 买 狗 
粮 ， 外 包 给 周围 的 人 。2011 年 ，TaskRabbit 获得 了 数 百 万 投资 ， 员 工 
达到 35 人 ， 每 月 业务 收入 达 400 万 美元 。 











注 1: 见 Business Insider，2011 年 10 月 27 日 ，Alyson Shontell 的 “Founder Q&A: Make 
A Boatload Of Money Doing Your Neighbor’s Chores On TaskRabbit”( 创 始 人 访谈 : 
在 TaskRabbit 帮 邻 居 打 打 零 工 就 能 赚 大 钱 )。 
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TaskRabbit 的 核心 就 是 一 个 微 交互 :告诉 潜在 的 “TaskRabbits” 有 
什么 任务 ， 然 后 通过 TaskRabbits 出 价 。 说 明 需 要 做 什么 事 就 是 微 交 
互 。 而 整个 服务 就 建立 在 这 个 关键 ， 同 时 可 能 又 乏味 的 步骤 上 。 一 开 
始 的 时 候 ， 这 个 微 交 互 就 是 一 张 由 许多 文本 框 组 成 的 表单 ， 在 这 个 
表单 里 ， 用 户 需 要 填写 清楚 他 们 任务 的 每 一 个 细节 ( 见 图 6-1)。 但 
到 了 2011 年 ， 在 开发 团队 设计 出 更 简单 的 移动 应 用 后 ， 他 们 意识 到 
还 有 更 好 的 方法 ， 即 设置 一 组 聪明 的 默认 值 、 提 前 展示 数据 并 把 任 
务 化 整 为 零 。 正 如 文章 “TaskRabbit Task posting forms” (http://bit. 
ly/178y67D) 中 详细 介绍 的 ， 用 户 体 验 总 监 Sarah Harrison 解释 说 : 
“ 随 着 时 间 推 移 ， 我 们 有 了 很 多 任务 数据 ， 软 件 系统 也 更 完善 ， 有 条 
件 给 任务 分 类 。 这 样 就 可 以 根据 任务 类 型 设计 特定 的 表单 ， 通 过 询问 
相关 细节 、 设 置 聪明 的 默认 值 和 隐藏 无 关 的 问题 来 简化 过 程 。 











pi taskrabbit sreeyare - 





i Life is busy. We can help. 
Mow tt works 
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ana how much yovdm wilng to Pay 
Tite of your Task 2 Punners hop tk — Our retwork of 


3 Pay when R's done 一 we 050n 3 Merar 
when an offer Meets yo puce and you pay 
Describe your Task ory aher they ve compuetea you Taan 
Task Examplos 
$42 
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Wi to go? er ar 
» Specfy an ndess 
-2 


四 worewwweewnenmmnos 


Any more details to add? 
» A ervey rots $25 
» Change deadine > Poser on Ca Sed 
wy Funnor sewcton 
Aodtcral One S20 


Th Tash requres the Runner to soend 
加 | 














结果 就 是 如 图 6-2 和 图 6-3 中 所 示 的 (无疑 ， 也 是 个 大 型 的 ) 微 交 
互 。 用 户 只 需 选 择 一 个 主任 务 ( 见 图 6-2) ， 然 后 微 交 互 的 下 一 步 〈 见 
图 6-3) 就 是 调整 和 修改 。 用 户 很 高 兴 。 “他们 把 创 
擎 , ”一 位 用 户 如 是 说 ,“ 他 们 在 我 想 提问 之 前 就 给 出 了 答案 。” 这 
一 个 优秀 微 交互 的 村 示 志 〈 见 图 6-4)。 





1. Basic info 2. Add details 
el 


Post a Task .» Gmme — 辣 


汀 名 审 刻 9: 


Cleaning Donations Delivery Shopping Other Food Delivery 


[of] This Task does not repeat Needit done iweekly? Every tiwo weeks? 


Oo 
= We'l auto-assign the TaskRabbit who makes the best offer 


Save & Continue Next step: Add more details, locations, and name your price. 














图 6-2: 重新 设计 的 TaskRabbit 微 交 互 的 第 一 步 ( 蒙 Sarah Harrison 惠 允 使 用 ) 











1 Basic info 


Post a task 


2. Add details 


Task Title Required 


3. Review 





L 


Laundry 


Laundry Et and UR are ey in the house 
eed to bring supplies like dete 


Does the TaskRabbit 


Washing machines are located in my house/apartment 





Will the TaskRabbit need to take the laumdry off-site? 


Additional notes Thisdes 


| We Task location: Home 
snd St, th floor, San Fr 





nt and fabric softener? Chen 
Change 

public, Addprivatenotes 各 
Change 


Di CA 94107 


[一 -| How much are you willing to pay for this Task? ® 


$ $63 is the average price for Tasks with similar descriptions 


@ Yourpriceispribateandhelpsusc 


determine when TaskRabbits make good offers 


Draft saved at 2:45pm 


7 YOUR TASK SO FAR 区 


em Laundry 
3 This Task does not repeat 


Assignment: Auto-assign the TaskRabbit 


For TaskRabbits in 


SF Bay Area (change 


Deadline: 


I need this Task done 


[6| by Tuesday at 2pm Sa 


More details: 


口 This Task is Private 


TaskPrice for Tasks of this type 


外 ,lu 
40 30 :0 570 80 ;390 条 00 








图 6-3: 填写 表单 的 第 二 


步 。 用 户 选择 了 主任 务 后 


， 微 交互 的 其 他 步骤 就 围绕 


这 个 主任 务 进行 定制 ( 蒙 Sarah Harrison 惠 允 使 用 ) 








TaskPrice for Tasks of this type 


10 $20 $35 45 555 :70 





80 








图 6-4: TaskRabbit 提前 展示 数据 ， 


Rishi Shah 惠 允 使 用 ) 


回答 “我 该 付 多 少 钱 ? ”这 


这 个 问题 ( 蒙 


本 章 ， 我 们 要 把 此 前 讨论 的 各 个 环节 综合 起 来 ， 形 成 三 个 微 交 互 的 实 


例 ， 


一 个 用 于 设置 闸 铃 的 移动 应 用 、 


工具 和 一 个 洗 碗 机 的 控制 面板 。 


一 个 用 于 分 享 播放 列表 的 Web 小 





| 大 
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6.1 例 1: 闸 铃 移动 应 用 


第 一 个 例子 是 一 个 用 于 设置 闹 铃 的 iPhone 应 用 。 这 里 的 应 用 就 是 一 个 
微 交 互 ， 应 用 所 要 做 的 就 是 设置 曾 铃 时 间 。 


为 此 ， 首 先 要 考虑 这 个 应 用 的 目标 是 什么 ?在 指定 时 间 (通常 是 起 床 
的 时 候 ) 响 铃 。 这 不 是 设置 闸 铃 ， 而 是 一 条 规则 。 因 此 ， 我 们 把 此 时 
此 刻 知 道 的 规则 写 出 来 : 


1. 用 户 选 择 响 铃 时 间 ， 
2. 指定 时 间 到 ， 响 铃 ; 
3. 用 户 关 闭 铃声 。 


后 面 我 们 还 会 再 补充 扩展 这 些 规则 。 接 下 来 再 看 一 看 触发 器 。 


既然 是 iPhone 应 用 ， 那 触发 器 就 是 主屏 幕 上 的 一 个 图 标 ， 没 什么 可 以 
考虑 的 了 。 解 决 了 这 个 问题 ， 那 我 们 再 看 看 怎么 提前 展示 数据 。 


用 户 在 启动 这 个 微 交 互 之 前 ， 和 希望 看 到 什么 信息 呢 ? 在 这 种 情况 下 ， 
应 该 是 自己 是 不 是 设置 了 立 铃 ， 以 及 设置 的 响 铃 时 间 。 苹 果 公 司 为 在 
应 用 内 显示 信息 提供 的 机 制 是 角 标 。 于 是 ， 我 们 就 遇 到 麻烦 了 。 在 其 
他 0S 中 ， 比 如 Windows Mobile 中 ， 可 以 使 用 实时 标题 ， 因 而 可 以 
用 文字 来 写 明 是 否 设置 了 闸 铃 以 及 时 间 。 但 在 本 书写 作 时 (2013 年 3 
月 )，iOS 6 只 允许 在 角 标 中 显示 数字 ， 而 且 只 允许 显示 4 个 角 标 。 怎 
么 办 ? 如果 闻 铃 时 间 是 6:30， 可 以 在 角 标 中 显示 630， 那 要 是 12:30 
呢 ? 1230 能 表达 清楚 吗 ? 而 且 这 样 使 用 角 标 也 不 合 规则 ， 因 为 角 标 
里 的 数字 通常 都 用 来 表示 未 读 信息 的 数量 。 到 这 里 我 们 有 点 犹 光 不 决 
了 了。 另外， 如 果真 用 角 标 表示 时 间 ， 那 就 把 自己 限制 为 上 只 能 显示 一 个 
闸 铃 时 间 ， 不 能 显示 多 个 疝 铃 时 间 了 ! 这 不 一 定 是 坏事 : 只 有 一 个 曾 
铃 时 间 可 以 让 规则 更 简单 。 一 个 角 标 倒 也 可 以 显示 多 个 时 间 ， 那 就 是 
只 在 角 标 中 显示 下 一 个 曾 铃 时 间 。 但 这 样 也 会 导致 困惑 ， 而 困惑 是 微 
交互 的 大 敌 。 如 果 不 人 确定 ， 就 更 要 简单 。 因 此 ， 在 这 个 限制 解除 或 者 
开发 其 他 平台 的 应 用 之 前 ， 唯 一 能 提前 展示 的 就 是 设置 的 曾 铃 数量 。 
虽然 看 不 到 时 间 ， 但 直观 地 看 到 设置 了 几 个 疝 铃 还 是 有 点 价值 的 。 






































我 们 的 触发 器 还 需要 一 个 标签 ， 在 这 里 就 是 应 用 的 名 字 。 就 叫 它 
AlarmD 吧 。 








当 用 户 触发 AlarmD 时 会 发 生 什 么 ?应 用 会 启动 ， 但 启动 后 显示 什 
么 ? 如 果 目 标 是 在 指定 时 间 响 铃 ， 那 要 么 应 该 显示 亲 铃 什么 时 候 会 
响 ， 要 么 应 该 提示 用 户 设 置 曾 铃 。 











此 时 ， 应 该 先 停 下 来 ， 问 问 自己 知道 用 户 的 哪些 信息 ， 以 便 不 从 索 开 
始 。 我 们 知道 用 户 使 用 的 平台 和 设备 ， 因 此 知道 可 以 使 用 哪些 传感器 
(相机 、 麦 克 风 、 加 速 计 、 罗 盘 )。 我 们 知道 时 间 (当然 ) 和 位 置 。 如 
果 应 用 之 前 被 使 用 过 ， 那 我 们 还 可 能 知道 之 前 设置 的 闹 铃 时 间 ， 以 及 
用 户 使 用 它 的 频率 。 用 户 每 天 都 在 同一 个 时 间 设 置 闹钟 ， 还 是 每 周 设 
置 一 次 ?我 们 还 可 能 知道 曾 钟 响 铃 后 用 户 会 怎么 做 ， 用 户 按 没 按 “ 再 
睡 一 会 儿 ”? 如 果 按 了 ， 按 过 多 少 次 ?下 面 我 们 根据 这 些 信 息 再 添加 
几 条 规则 。 











ps 


. 如 果 用 户 连 续 三 天 同一 时 间 都 设置 了 曾 铃 ， 则 在 AlarmD 启动 时 提 
示 用 户 设置 相同 时 间 的 闹钟 。 如 果 用 户 确实 按照 提示 设置 了 曾 铃 ， 
则 每 次 启动 都 给 出 同样 的 提示 ， 除 非 用 户 没 有 选择 ， 那 么 重 置 。 

. 如 果 手 机 所 在 国家 使 用 24 小 时 制 ， 则 使 用 该 格式 。 

3. 显示 用 户 设置 的 所 有 闸 铃 。 在 到 点 之 前 都 显示 剩余 时 间 (例如 ， 

“还 有 8 个 小 时 ”)。 

4. 用 户 选择 一 个 时 间 ， 则 相应 亲 铃 终止。 

5. 设置 时 间 到 ， 曾 铃 停止 。 

. 如 果 用 户 按 了 “再 睡 一 会 儿 ”， 则 5 分钟 后 再 响 铃 一 次 ， 随 后 的 多 
睡 时 间 都 比 前 一 次 少 1 分钟， 最短 为 1 分 钟 。 

7. 如 果 使 用 一 周 后 ， 若 用 户 没 按 过 一 次 “再 睡 一 会 儿 "， 则 在 响 铃 时 

去 掉 该 按钮 。 

8. 用 户 关门 铃声 。 





MD 


CN 








注意 ， 这 里 已 经 出 现 了 一 个 长 循环 (“连续 三 天 ”) 需要 使 用 系统 触发 
器 ， 以 及 一 些 短 人 循环 (“再 睡 一 会 儿 计时 ”)。 显 示 “ 还 有 8 个 小 时 ” 
是 为 了 防止 人 为 错误 ， 即 防止 用 户 过 早 地 设 定 闹 铃 ， 比 如 让 用 户 只 能 
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选择 “下 午 ” 而 不 能 选择 “上 午 "。 去 掉 “ 再 睡 一 会 儿 ” 按 钮 虽然 可 
以 减少 选项 ， 但 仍然 可 能 有 争议。 因此 有 必要 在 设置 里 提供 选项 恢复 
显示 的 按钮 。 要 是 不 在 iOS 平台 上 ， 那 我 们 可 以 在 用 户 多 睡 一 会 儿 后 
使 用 其 他 技巧 ， 比 如 后 续 响 铃 的 声音 一 次 比 一 次 大 。 但 iOS 不 允许 应 
用 控制 全 局 音量 ， 因 此 我 们 也 无 计 可 施 。 


接 下 来 再 看 一 看 控件 。 用 户 必须 能 设置 曾 铃 、 取 消 闸 铃 、 关 闭 闸 铃 、 
选择 再 睡 一 会 儿 。 这 些 都 需要 在 用 户 界面 中 提供 可 见 的 控件 ， 除 非 其 
中 有 些 功 能 可 以 用 多 点 触摸 的 手势 来 实现 。 除 了 再 睡 一 会 儿 ， 其 他 几 
项 功能 都 是 基本 功能 ， 而 再 睡 一 会 儿 的 用 户 并 不 清醒 ， 因 此 不 能 指望 
他 们 做 出 比 按 按钮 更 复杂 的 动作 。 设 置 闸 铃 时 间 是 这 里 面 最 复杂 的 一 
个 ， 其 他 几 项 都 可 以 通过 简单 的 点 按 按钮 完成 。 设 置 时 间 的 方式 有 很 
多 种 ， 比 如 使 用 内 置 的 转 轮 ( 像 苹果 的 时 钟 应 用 那样 )， 或 者 自己 写 
一 个 控件 ， 比 如 让 用 户 在 模拟 表盘 上 选择 时 间 。 


此 时 ， 我 们 又 该 暂停 一 下 ， 想 一 想 是 否 把 设置 闸 铃 时 间作 为 微 交 互 的 
标志 性 时 刻 ， 还 是 只 要 迅速 完成 就 行 。 考 虑 到 市 场 上 的 闹 铃 应 用 大 约 
有 1000 种 ， 所 以 设置 疝 铃 应 该 加 入 一 些 创意 和 乐趣 。 我 个 人 一 直 非 
向 钟 情 于 老式 火车 的 翻 牌 计时 器 ， 因 此 打算 在 这 个 应 用 里 将 其 派 上 用 
场 。 老 实说 ， 谁 会 把 闵 铃 设置 精确 到 分 钟 呢 ， 因 此 分 钟 的 翻 牌 步 长 设 
置 成 5 分 钟 即 可 。 优 化 要 着 眼 于 大 多 数 人 大 多 数 时 间 在 做 什么 。 


真正 赋予 这 个 自 定义 控件 生命 的 是 调整 它 时 给 出 的 反馈 。 这 个 计时 牌 
必须 在 时 间 牌 翻 过 时 发 出 令 人 神往 的 哗 哺 声 ， 而 且 牌 子 翻 下 来 时 要 像 
受到 重力 作用 一 样 。 另 一 个 重要 的 反馈 就 是 曾 铃 本 身 。 可 以 让 用 户 使 
用 标准 的 iPhone 声音 ， 也 可 以 让 他 们 从 自己 的 iTunes 库 中 选择 音乐 ， 
但 一 个 默认 的 、 自 定义 的 声音 是 一 定 要 有 的 。 其 他 要 准备 自 定义 声音 
的 地 方 还 有 取消 闸 铃 或 关闭 疗 铃 ， 这 时 候 应 该 是 一 种 非常 明确 的 机 械 
味 哄 声 ， 辟 如 关 煤 气 炉 的 声音 。 或 许 闸 铃 本 身 也 要 淡出 ， 而 不 是 生硬 
地 消失 。 


最 后 一 件 要 考虑 的 事件 就 是 循环 和 模式 。 很 明显 ， 闸 铃 时 间 的 设置 是 
一 个 模式 ， 因 为 只 有 一 个 动作 ， 所 以 可 以 使 用 一 次 性 模式 : 从 列表 中 
































点 击 选择 一 个 曾 铃 打开， 设置 闸 铃 ， 关闭。 如 果 你 想 让 用 户 能 设置 
多 睡 多 长 时 间 ， 那 就 再 设计 一 个 传统 模式 : 设置 。 但 我 个 人 建议 不 要 
设置 模式 ， 只 要 默认 值 足够 合理 即 可 一 一 至 少 第 一 次 发 布 时 可 以 考虑 。 


说 到 循环 ， 闸 铃 可 谓 集 几 种 循环 于 一 身 。 多 睡 一 会 儿 是 计数 循环 ( 闸 
铃 在 5 分 钟 后 再 啊 ， 然 后 4 分 钟 后 再 响 ，3 分 钟 后 再 响 ， 等 等 ) ， 然 后 
是 条 件 循环 (每 过 1 分 钟 就 响 一 次 )。 事 实 上 ， 疗 铃 本 身 就 是 一 个 长 
条 件 循 环 ， 因 为 闸 铃 时 间 一 到 就 会 响 铃 ， 然 后 一 直 响 到 被 手动 关闭 。 
当然 ， 我 们 可 以 (或 许 也 应 该 ) 在 规则 中 添加 一 个 计时 器 ， 以 便 在 过 
了 一 段 时 间 (比如 10 分钟) 却 还 没 人 关闭 它 的 情况 下 ， 自 动 关 闭 。 


同样 ， 平 台 限 制 我 们 把 循环 发 挥 到 极致 。 否 则 ， 我 们 可 以 给 这 个 应 用 
再 添加 一 个 循环 ， 在 闸 铃 报时 前 2 分 钟 通过 相机 检测 房间 的 灯光 。 如 
果 房 间 光 线 暗 ， 两 分 钟 后 逐渐 提高 手机 屏幕 的 亮度 ， 以 便 在 阅 铃 响起 
时 ， 房 间 能 更 亮 一 些 。 然 而 ，iOS 应 用 是 不 能 自己 启动 的 。( 这 条 系统 
规则 是 有 一 定 原因 的 ， 主 要 是 为 了 防止 滥用 。) 只 响 闹 铃 ， 功 能 差 得 
就 有 点 远 了 。 


还 有 几 个 内 置 的 长 循环 : 用 户 重复 设置 闹 铃 时 的 提示 ， 以 及 满足 条 件 
时 隐藏 “多 睡 一 会 儿 ” 按 钮 。 我 们 (有意) 没有 提 到 的 一 件 事 ， 就 是 
用 户 怎 么 创建 重复 的 曾 铃 ， 也 就 是 循环 闹 铃 。 如 果 考 虑 这 个 功能 ， 那 
么 应 用 的 复杂 性 就 会 增加 很 多 。 不 过 ， 其 中 一 些 复杂 性 已 经 转移 到 微 
交互 自身 ， 也 就 是 那个 从 一 开始 就 重复 检查 用 户 是 否 设置 了 相同 闸 铃 
的 长 循环 。 还 可 以 给 这 个 循环 增加 一 些小 细节 ， 比 如 检查 当前 是 工作 
日 还 是 周末 ， 并 给 出 相应 提示 ， 但 为 了 保证 规则 简单 ， 到 此 为 止 即 可 。 


这 就 是 我 们 使 用 本 书 介绍 的 原理 设计 的 第 一 个 实例 。 下 面 我 们 再 试 
下 


6.2 例 2: 在 线 共享 播放 列表 


我 们 要 分 析 的 第 二 个 实例 是 一 个 在 线 音乐 服务 (当然 是 虚构 的 )。 假 
设 这 个 音乐 服务 中 有 一 项 功能 ， 即 共享 播放 列表 ， 用 户 和 自己 的 朋友 
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可 以 通过 它 互 相 推荐 歌曲 。 另 外 ， 我 们 还 假设 这 个 服务 已 经 非常 完 
善 ， 因 此 可 以 分 享 其 他 服务 甚至 iTunes 等 桌面 应 用 中 的 歌曲 。 最 后 ， 
假设 除了 播放 列表 之 外 ， 还 有 添加 朋友 和 播放 音乐 等 微 交互 。 


首先 还 是 从 目标 开始 。 人 们 之 所 以 想 使 用 这 个 微 交 互 ， 原因 有 两 个 : 
发 现 新 音乐 和 共享 音乐 。 当 然 ， 使 用 这 个 微 交 互 背 后 的 原因 ， 可 能 是 
希望 告诉 朋友 你 当前 的 心情 ,或 者 向 别人 显摆 自己 的 音乐 品味 。 潜 在 
的 使 用 动机 同样 很 重要 。 


下 面 先 把 基本 的 规则 写 下 来 : 


1. 如 果 收 到 一 首 新 歌 ， 把 它 添 加 到 播放 列表 ， 
2. 用 户 向 播放 列表 中 添加 歌曲 ; 
3. 新 添加 的 歌曲 放 在 列表 底部 。 


这 里 的 微 交 互 有 两 个 触发 器 : 添加 歌曲 (手动 触发 器 ) 和 朋友 远程 添 
加 歌曲 〈 系 统 触发 器 )。 先 说 手动 触发 器 。 如 果 假 设 用 户 能 在 屏幕 上 
看 到 播放 列表 中 的 歌曲 ， 那 么 用 户 怎 么 知道 是 否 可 以 向 里 面 添加 歌曲 
呢 ? 因为 这 个 服务 支持 从 任何 地 方 添加 歌曲 ， 而 且 系 统 也 足够 智能 ， 
可 以 找到 所 有 人 都 能 听 的 一 个 版 本 ， 所 以 让 用 户 把 歌曲 拖 到 播放 列表 
中 看 似 靠 谱 。 至 于 怎么 让 用 户 知道 ， 或 许可 以 在 播放 列表 顶部 预 留 一 
个 空位 ， 写 上 “把 歌曲 拖 到 这 里 来 "。 等 用 户 把 歌曲 拖 进 播放 列表 后 ， 
可 以 再 改 标签 ， 比 如 改 成 “你 正在 听 什 么 歌 ? ”或 者 轮流 显示 儿 个 标 
签 ， 比 如 “今天 的 主打 是 什么 ? ”或 “今天 听 起 来 像 什么 ? ” 


还 需要 考虑 其 他 手动 触发 器 吗 ? 如果 音乐 服务 有 菜单 栏 ， 那 还 可 以 添 
加 一 个 表单 项 :“ 添 加 到 共享 播放 列表 ”。 当 然 ， 只 有 用 户 在 服务 中 选 
中 歌曲 后 ， 这 个 菜单 项 才能 起 作用 。 假 如 没有 选中 歌曲 ， 就 打开 一 个 
对 话 框 ， 让 用 户 在 里 面 搜索 (音乐) 文件。 考虑 到 要 把 微 交互 做 得 轻 
松 好 玩 ， 这 样 显然 很 生 拙 ， 而 且 操 作 也 太 麻 烦 了 。 因 此 ， 我 们 还 是 只 
保留 “添加 到 共享 播放 列表 ”菜单 项 ， 而 且 让 它 在 选中 当前 服务 中 歌 
曲 的 情况 下 能 用 。 至 于 服务 之 外 的 歌曲 ， 只 能 拖 到 播放 列表 中 来 。 另 
外 ， 再 添加 一 个 快捷 键 ， 让 经 常 使 用 的 用 户 只 需 选 择 歌曲 然后 按 个 键 
就 能 添加 ， 而 不 用 去 找 菜单 并 进行 拖 放 。 














我 们 实际 上 还 可 以 允许 用 户 通过 输入 歌曲 名 (或 者 艺术 家 的 名 字 ) 来 
添加 歌曲 。 不 过 ， 触 发 器 越 不 一 样 ， 微 交互 就 越 复 杂 。 再 者 说 ， 输 入 
歌 名 也 不 是 向 播放 列表 中 添加 歌曲 的 非常 标准 的 方式 。 


把 歌曲 添加 到 播放 列表 ， 特 别 是 添加 来 自 朋友 推荐 的 歌曲 时 ， 一 定 要 
给 出 某 种 反馈 ， 比 如 利用 动画 效果 。 整 个 播放 列表 应 该 下 移 一 个 位 
置 ， 新 歌 从 顶部 落下 ， 清 入 时 伴随 着 悦耳 的 叮 铃声 。 既 然 是 一 款 音 乐 
应 用 ， 上 听觉 反馈 当然 是 首选 。 


还 有 一 个 朋友 向 播放 列表 中 添加 歌曲 的 系统 触发 器 。 如 果 你 的 浏览 器 
的 当前 标签 页 正 打 开 着 这 个 服务 ， 当 然 应 该 看 〈 并 听 ) 到 有 歌曲 进 
来 。 如 果 当 前 标签 页 中 不 是 这 个 服务 ， 那 稍微 改 一 改 浏览 器 标签 可 能 
也 挺 好 玩 ， 也 就 是 将 它 作为 一 个 事件 指示 器 。 为 此 ， 可 以 用 带 笑脸 的 
音符 作为 “ 角 标 ”， 就 叫 它 Notesy 吧 。 


如 果 用 户 真 的 拖 动 一 首 歌 到 播放 列表 中 ， 那 系统 可 能 得 花 点 时 间 查 找 
匹配 的 歌曲 。 虽 然 可 以 使 用 常规 的 旋转 图 标 ， 但 为 什么 不 来 点 新 意 
呢 ? 反馈 可 是 塑造 个 性 化 的 好 机 会 。 我 们 要 使 用 被 人 忽视 的 东西 ， 在 
加 载 指 示 器 里 再 次 使 用 Notesy。 比 如 ， 可 以 让 Notesy 像 是 在 “四 处 
寻找 "， 然 后 找到 了 就 显示 笑脸 。 


如 果 找 到 了 不 同 的 版 本 或 不 太 确 定 的 结果 ， 系 统 可 能 必须 给 出 多 个 选 
项 。 如 果 只 找到 一 个 匹配 结果 ， 而 且 (或 者 ) 艺术 家 的 名 字 与 歌曲 名 
都 完全 一 样 ， 则 应 该 直接 把 该 歌曲 添加 到 播放 列表 中 。 否 则 ， 就 应 该 
给 出 可 能 的 匹配 结果 。 展 示 可 能 的 匹配 结果 就 要 用 到 算法 了 。 因 为 不 
想 让 用 户 太 麻烦 ， 所 以 我 们 最 多 只 提供 3 个 匹配 结果 。 考 虑 到 亏 术 家 
的 名 字 正 确 的 可 能 性 更 大 ， 可 以 将 其 作为 算法 中 的 排序 因子 ， 即 匹配 
该 艺术 家 的 歌曲 优先 。 如 果 3 个 结果 都 不 正确 ， 可 以 提供 一 种 机 制 ， 
让 用 户 再 调 出 3 个 结果 来 。 如 果 系 统 找 不 到 任何 匹配 项 ，Notesy 可 以 
消失 并 显示 哭 脸 。 


此 时 ， 可 以 考虑 是 不 是 允许 用 户 从 共享 播放 列表 中 删除 歌曲 了 。 我 们 
假设 (在 最 坏 的 情形 下 ) 不 给 用 户 提 供 控 件 删 除 自己 不 喜欢 的 歌曲 ， 
再 假设 用 户 不 能 对 播放 列表 中 的 歌曲 进行 排序 。 或 许 等 到 产品 测试 其 
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至 发 布 时 ， 我 们 才 会 发 现 这 些 都 是 影响 推广 和 使 用 服务 的 致命 问题 ， 
但 至 少 现在 能 让 规则 更 简单 一 点 。 


下 面 来 看 看 规则 变 成 什么 样 了 。 


1. 如 果 有 新 歌 到 来 ， 把 它 添加 到 播放 列表 中 ; 在 浏览 器 标签 中 显示 
Notesy。 

2. 用 户 可 以 把 歌曲 拖 动 到 播放 列表 顶部 或 通过 选择 歌曲 再 使 用 “添加 
到 播放 列表 ”菜单 项 (或 者 使 用 键盘 快捷 键 ) 来 添加 歌曲 。 

3. 添加 了 新 歌 后 ， 搜 索 匹 配 结果 。 如 果 找 到 了 匹配 的 歌曲 ， 以 三 个 一 组 
的 形式 显示 给 用 户 ， 让 用 户 选 择 正确 的 一 个 。 如 果 没 有 (找到 ) 匹配 
的 歌曲 ， 显 示 哭 脸 Notesy。 

4. 把 新 歌 添加 到 播放 列表 的 末尾 (顶部 )， 并 按照 添加 时 间 排 序 。 


我 们 这 个 微 交 互 还 能 从 哪些 方向 改进 ?有 什么 数据 值得 提示 展示 ?好 
吧 ， 如 果 能 知道 播放 列表 中 的 歌曲 是 谁 的 ， 以 及 它们 加 入 播放 列表 的 
时 间 肯 定 更 好 了 。 播 放 列 表 的 总 时 间 和 总 数量 也 是 有 用 的 信息 。 另 
外 ， 能 给 添加 歌曲 的 人 发 送 有 关 该 歌曲 的 简短 评论 (“这 可 不 是 80 后 
们 的 歌 ! ”) 大 概 也 是 一 个 可 以 考虑 的 微 交 互 。 


使 用 一 个 长 循环 来 鼓励 用 户 维护 歌曲 是 吸引 用 户 的 重要 手段 。 为 此 ， 
可 以 显示 用 户 贡 献 的 最 后 日 期 和 时 间 ， 作 为 一 个 间接 的 提醒 ， 或 者 干 
脆 直 接 通 过 Dropbox 标签 向 用 户 伸手 :“ 快 来 添加 歌曲 吧 !1 ” 

微 交 互 到 什么 时 候 结 束 呢 ? 实际 上 ， 用 户 登 录 这 个 服务 的 时 间 就 是 它 
生命 的 上 限 。 当 然 还 应 该 限制 一 下 播放 列表 中 歌曲 的 数量 ，30 首 歌 好 
像 比 较 合理 。 


这 个 微 交 互 到 这 里 就 讲 完 了 。 下 一 个 实例 ， 我 们 讲 一 讲 微 交互 设备 。 


6.3 例 3: 洗 碗 机 控制 面板 


最 后 一 个 实例 是 设计 一 个 廉价 洗 碗 机 控制 面板 ， 面 临 的 挑战 是 洗 碗 机 
没有 显示 屏 。 假 设 这 是 一 个 非常 简单 的 洗 碗 机 ， 有 一 个 发 声 的 喇叭 和 














一 个 设置 不 同 洗涤 时 间 的 装置 。 再 假设 我 们 知道 大 多 数 用 户 想 要 选 什 
么 时 间 ， 而 且 选 项 不 多 ， 只 有 4 个 。 


洗 碗 的 目标 是 清洁 盘子 、 玻 璃 制品 和 银 器 。 因 此 ， 基 本 规则 如 下 : 


1. 用 户 把 盘子 和 洗涤 剂 放 到 洗 碗 机 里 ， 然 后 关上 机 门 ， 
2. 用 户 选 择 洗涤 时 间 并 局 动 洗 碗 机 ， 
3. 洗 碗 机 洗盘 子 。 


触发 器 在 这 里 非常 重要 ， 稍 后 我 们 还 会 提 到 。 首 先 ， 我 们 看 看 自己 都 
知道 些 什么 ， 以 便 不 从 零 开 始 。 我们 应 该 能 知道 时 间 ( 洗 碗 时 长 )、 
用 户 的 上 一 次 设置 和 用 户 什 么 时 候 做 出 了 什么 选择 等 历史 数据 。 既 然 
是 廉价 洗 碗 机 ， 那 其 他 传感器 就 不 可 能 内 置 了 (设置 内 部 还 是 有 基本 
的 传感器 )。 因 此 ， 可 以 说 它 是 个 哑 设 备 。 我 们 尽管 可 以 不 从 零 开 始 ， 
但 所 能 知道 的 也 非常 有 限 。 


可 以 提前 展示 的 数据 包括 洗 碗 机 是 否 在 工作 、 工 作 了 多 长 时 间 和 还 有 
多 长 时 间 洗 涤 完 毕 。 大 多 数 人 都 不 太 关 心 洗 碗 机 工作 了 多 长 时 间 ， 但 
都 想 知 道 还 有 多 长 时 间 洗 涤 完 毕 。 由 于 没有 显示 屏 ， 必 须 想 别 的 方法 
来 传达 这 个 信息 。 或 许 我 们 可 以 在 这 里 使 用 被 人 忽视 的 东西 。 


下 面 考 虑 控件 。 我 们 知道 (至少 ) 有 两 个 控件 : 洗 碗 机 开关 和 洗涤 时 
间 设 定 装 置 。 开 关 就 用 一 个 按钮 即 可 ， 而 每 个 洗涤 时 间 也 可 以 分 别 用 
一 个 按钮 设 定 。 这 样 设计 操作 起 来 肯定 简单 : 一 个 按钮 全 都 搞定 ， 或 
许配 合 一 个 点 亮 的 LED 灯 或 环绕 按钮 表示 用 户 选择 了 哪个 时 间 ， 让 另 
一 个 点 亮 的 LED 灯 或 环绕 开关 按钮 表示 洗 碗 机 在 运转 。 但 这 些 控件 无 
法 帮 我 们 提前 展示 数据 。 为 此 必须 再 添加 一 种 显示 装置 ， 用 于 表示 洗 
涤 工作 什么 时 候 结束 ， 比 如 一 个 细 条 状 的 LED 灯 ， 开 始 时 点 亮 ， 结 束 
时 熄灭 。 


另 一 种 设计 思路 是 使 用 旋钮 ， 与 洗衣 机 上 的 装置 类 似 。 用 户 通过 旋转 
旋钮 设置 时 间 ， 然 后 拉 出 或 按 下 旋钮 启动 洗 碗 机 。 随 着 时 间 推 移 ， 旋 
钮 同步 旋转 ， 洗 涤 结 束 后 停止 。 更 进一步 ， 可 以 利用 旋钮 与 机 体 间 的 
缝隙 ， 甚 至 旋钮 上 的 开 槽 作为 LED 计时 器 。 与 一 排 按钮 相 比 ， 一 个 旋 
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钮 看 起 来 要 简单 得 多 。 


然而 ， 旋 钮 常常 令 人 讨厌 ， 虽 然 我 们 的 洗 碗 机 价格 不 贵 ， 但 我 们 不 希望 
它 让 人 讨厌 。 旋 钮 通常 是 凸 起 的 ， 但 我 们 希望 洗 碗 机 的 控制 面板 是 平 
的 ， 以 免 用 户 不 小 心 碰 到 。 而 且 ， 人 们 使 用 洗衣 机 时 通常 关心 它 已 经 工 
作 了 多 长 时 间 ， 但 使 用 洗 碗 机 则 更 多 想 知 道 还 有 多 长 时 间 洗 涤 结 束 。 
不 要 反馈 用 户 不 关心 的 信息 。 因 此 ， 我 们 就 设计 一 排 按钮 (也许 是 那 
种 可 爱 的 电容 式 按钮 )， 每 个 按钮 对 应 一 个 洗涤 时 间 。 从 左 到 右 ， 先 是 
最 长 时 间 的 按钮 (炊事 用 具 )， 一 直到 最 短 时 间 的 按钮 (快速 清洗 )， 
然后 再 阳 开 一 点 是 “启动 ”按钮 。 每 个 按钮 的 标签 是 对 应 的 时 间 适 合 
清洗 的 餐具 (或 “启动 *)。 在 时 间 按 钮 下 方 ， 可 以 放 条 状 LED 灯 。 


如 果 要 用 一 句 话 来 描述 我 们 的 微 交 互 ， 既 要 有 意义 ， 还 要 体现 出 名 词 
和 动词 ， 该 怎么 说 呢 ?” 用 户 选 择 时 间 按 钮 并 点 亮 LED 光 条 ， 然 后 按 
下 “启动 ”按钮 ，LED 光 条 开始 倒计时 。 看 看 这 和 句 话 里 的 名 词 ， 其 
中 每 个 按钮 都 有 两 种 可 能 的 状态 : 被 按 或 没 被 按 。 看 起 来 相同 的 元 素 
其 行为 也 应 该 相同 ， 因 此 我 们 要 给 每 个 被 按 下 的 按钮 加 上 一 圈 和 柔和 的 
光环 ， 当 然 时 间 按 钮 的 光环 与 “启动 ”按钮 的 光环 颜色 可 能 不 同 。 但 
是 给 每 个 时 间 按 钮 都 设计 一 种 颜色 ， 这 可 能 就 有 点 过 度 设计 了 。 根 据 
“提示 用 户 最 可 能 采取 的 下 一 个 动作 ”原理 ， 在 用 户 按 下 某 个 时 间 按 
钮 后 ,“ 启 动 ”按钮 应 该 想 办 法 吸引 用 户 ， 因 为 按 “ 启 动 ”是 流程 中 
的 下 一 步 。 


考虑 到 LED 光 条 显示 的 是 到 洗 碗 机 停止 工作 为 止 的 倒计时 (属于 计数 
循环 ) ， 甚 颜色 应 该 与 “局 动 ”按钮 的 一 致 。 而 且 ， 这 个 LED 进度 条 
也 可 以 分 成 几 段 ， 每 段 大 约 代表 15 分 钟 一 一 我 们 可 能 无 法 知道 确切 的 
时 间 ， 因 为 有 些 清洗 选项 (比如 “自动 清洗 ”) 的 时 间 取 决 于 内 部 传 
感 器 。 如 果 洗 涤 完 的 水 还 很 脏 ， 那 可 能 就 会 再 洗 一 遍 。 


到 现在 ， 我 们 还 没有 考虑 洗 碗 机 停止 工作 时 怎么 给 出 怎样 的 反馈 ， 这 
个 反馈 其 实 非常 重要 ， 而 且 也 是 微 交 互 的 规则 之 一 。 别 忘 了 这 个 微 交 
互 的 目标 就 是 清洗 餐具 ， 清 洗 结束 、 目 标 达成 时 ， 用 户 应 该 知道 。 洗 
碗 机 有 个 喇叭 ， 因 此 一 种 方案 就 是 在 清洗 结束 时 播放 “标志 性 声音 ” 





























(比如 “ 噶 味 ”之 类 的 )。 但 不 能 假设 用 户 一 定 能 听 到 ， 而 我 们 也 绝 不 
想 循环 播放 这 个 声音 ， 直 到 用 户 打 开机 门 或 重 置 时 才 停 止 。( 哎 ， 什 么 
“ 重 置 ” 啊 ? 别 急 ,一会儿 我 们 会 说 到 。) 好 ， 就 让 工作 期 间 的 “启动 ” 
按钮 和 LED 光 条 显示 为 红色 ， 工 作 结 束 时 LED 光 条 熄灭 ,“ 局 动 ” 按 
钮 的 光环 变 成 绿色 〈 考 虑 到 色 宣 用 户 ， 或 许 变 成 蓝 色 更 好 ) ， 表 示 清 洗 
完成 。 局 动 ”按钮 到 现在 已 经 有 了 4 种 状态 : 关闭 、 按 我 、 工 作 和 完 
成 。 只 要 用 户 打 开 洗 碗 机 的 机 门 ， 就 重 置 回 关闭 状态 。 


现在 说 一 说 重 置 。 要 知道 ， 有 时 候 洗 碗 机 可 能 不 会 像 我 们 期 望 的 那样 
顺利 工作 。 洗 碗 机 正在 工作 的 时 候 ， 用 户 可 能 会 打开 机 门 ， 而 且 一 
直 开 着 。 我 们 或 许可 以 运用 防 采 原理 ， 在 洗 碗 机 工作 期 间 把 机 门 锁 
住 ， 但 这 样 做 好 像 限 制 得 有 点 过 了 。 为 此 ， 我 们 需要 一 些 有 关 开门 的 
规则 和 一 个 重 置 洗 碗 机 的 方法 。 可 以 单独 设计 一 个 重 置 按钮 ， 因 为 这 
个 按钮 与 其 他 按钮 作用 不 一 样 ， 而 我 们 不 想 让 按钮 看 起 来 相同 但 行为 
不 同 ， 所 以 这 个 按钮 看 起 来 也 应 该 跟 其 他 按钮 不 一 样 。 另 一 种 方案 是 
在 “启动 ”按钮 上 添加 弹 菇 模式 ， 即 按 住 “启动 ”按钮 不 放 触 发 重 
置 。 我 更 喜欢 这 个 方案 ， 因 为 如 果 没 有 更 好 的 理由 ， 少 一 个 不 常用 的 
按钮 总 比 多 一 个 更 好 。 这 样 就 可 以 用 更 好 的 名 词 实 现 更 多 的 动词 。 不 
过 ， 这 样 也 会 让 重 置 操作 不 够 明显 。 为 此 可 以 在 下 面 添加 一 个 标签 : 
“ 按 住 重 置 "。 另 外 ， 可 能 还 要 添加 一 个 循环 ， 在 机 门 打开 超过 一 定时 
间 后 自动 重 置 。 


现在 唯一 的 问题 就 是 我 们 怎么 做 到 不 从 零 开 始 。 可 以 记录 用 户 上 一 次 
选择 的 洗涤 时 间 以 及 什么 时 候 做 的 选择 ， 但 这 些 信息 有 没有 用 还 不 太 
清楚 。 没 错 ， 我 们 可 以 让 洗 碗 机 保持 上 一 次 用 户 选 择 的 时 间 ， 按 4 个 
时 间 按 钮 计 ， 这 样 可 能 会 节省 用 户 按时 间 按 钮 时 25% 的 时 间 〈 前 提 是 
使 用 4 个 按钮 的 机 会 均等 ,但 这 是 不 可 能 的 )。 好 像 可 以 在 这 里 添加 
一 个 长 循环 ， 判 断 哪 次 按 下 的 按钮 可 以 不 保存 。 但 这 样 又 会 导致 微 交 
互 的 行为 不 一 致 : 有 时 候 某 个 按钮 的 灯会 自动 点 亮 ， 有 时 候 又 疫 有 灯 
亮 。 要么 记 住 最 后 一 次 按 了 哪个 按钮 ， 要 么 就 都 别 记 。 


以 下 是 我 们 考虑 所 有 细 市 之 后 设计 的 规则 。 
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. 用 户 把 盘子 和 洗涤 剂 放 到 洗 碗 机 里 ， 然 后 关上 机 门 。 
. 除非 “ 重 置 ”， 否 则 使 用 上 一 次 的 时 间 计 时 ，LED 进度 条 点 亮 ,“ 局 
动 ” 按 钮 闪烁 (“ 按 我 ”状态 )。 


iD 
| 


3. 用 户 可 以 重新 选择 洗涤 时 间 ， 进 而 修改 LED 进度 条 的 计时 时 长 。 
4. 用 户 按 下 “启动 ” 按 钮 ,“ 局 动 ”按钮 显示 红色 光环 (“工作 ” 状 
态 )。 


5. 洗 碗 机 洗盘 子 。LED 进度 条 倒计时 。 

. 如 果 机 门 被 打开 ， 和 暂停 计时 。 在 机 门 重新 关上 时 ， 人 恢复 计时 。 如 果 
机 门 打 开 超 过 1 小 时 ， 重 置 。 

. 洗涤 完成 后 ， 时 间 按 钮 和 进度 条 的 灯光 熄灭 。 “局 动 ” 按 钮 显示 绿 
色光 环 (“完成 ”状态 )。 

. 机 门 被 打开 时 ,“ 启 动 ”按钮 切换 为 “关闭 ”状态 。 

9. 任何 时 候 ， 如 果 用 户 按 下 “启动 ”按钮 并 保持 3 秒 钟 ， 微 交互 重 
置 ， 洗 涤 作 业 停 止 。 所 有 按钮 恢复 到 关闭 状态 ， 进 度 条 计时 清 零 。 


这 里 并 没有 使 用 内 置 的 喇叭 给 出 额外 的 反馈 。( 假 如 它 是 个 高 端 家 电 ， 
或 许 还 可 以 使 用 触觉 反馈 。) 但 实际 上 ， 的 确 有 几 个 时 间 点 需要 通过 
声音 来 强调 动作 。 特 别 是 ， 如 果 我 们 使 用 的 是 电容 式 按钮 ， 可 以 用 声 
音 来 模拟 按钮 被 按 下 时 的 音响 效果 。 按 “局 动 ” 肯 定 要 使 用 耳 标 ， 而 
且 必 须 是 “标志 性 声音 "。 同 样 地 ， 洗 涤 结 束 时 似乎 也 应 该 配 一 个 耳 
标 ， 但 这 个 声音 如 果 半 夜 在 一 个 空房 间 里 响起 ， 会 不 会 让 人 讨厌 呢 ? 
假如 我 们 设计 的 是 一 台 造 价 更 高 的 洗 碗 机 ， 那 就 可 以 考虑 用 程序 检测 
时 间 (通过 网 络 )、 房 间 亮 度 (通过 光线 传感器 )， 其 至 房间 里 的 物体 
移动 (通过 运动 传感器 )。 这 样 ， 就 可 以 只 在 用 户 没 有 睡觉 并 且 就 在 
附近 的 情况 下 播放 耳 标 了 。 可 惜 ， 我 们 设计 的 不 是 这 一 款 。 

好 啦 ， 我 们 儿 个 微 交 互 的 例子 到 现在 都 讲 完 了 。 希 望 这 儿 个 实例 分 析 
能 让 读者 理解 本 书 介绍 的 有 关 微 交互 的 结构 和 法 则 。 


6.4 微 交 互 的 原型 与 文档 


任何 产品 的 文档 和 原型 都 是 为 了 达到 一 个 目的 : 告诉 别人 它 怎 么 (或 
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怎么 ) 工作 。 对 微 交 互 而 言 ， 最 难 传达 的 是 整体 流程 : 所 有 细 方 
么 联系 到 一 起 的 。 微 交互 的 整体 流程 决定 了 它 给 人 的 印象 。 


要 向 人 传达 整体 流程 ， 主 要 有 以 下 儿 种 手段 。 


。 构建 原型 
如 果 你 的 技术 能 力 足够 或 者 有 这 个 条 件 ， 那 么 在 目标 平台 上 构建 产 
品 的 原型 ， 应 该 是 最 容易 让 人 理解 微 交 互 流程 的 手段 。 不 过 ， 这 种 
方式 可 能 也 最 花 时 间 。 


。 拍 成 电影 
电影 可 以 传达 时 间 概 念 和 工作 流程 。 可 以 使 用 AfterEffect 等 视频 
和 后 期 制作 软件 来 编辑 ( 见 图 6-5) ， 也 可 以 做 成 动画 ， 比 如 使 用 
HTIML3 。 




















图 6-5: 原型 影片 的 静止 画面 。 左 侧 的 暂停 按钮 可 以 把 一 个 暂停 图 标 “ 发 射 ” 
到 屏幕 上 〈 蒙 BERG London 惠 允 使 用 ) 


多 帧 故事 板 

还 可 以 通过 一 组 相互 联系 的 故事 板 来 展示 微 交 互 ( 见 图 6-6) 。 虽 然 
这 种 方式 不 能 准确 地 展示 时 间 长 短 ， 但 至 少 可 以 演示 某 个 使 用 情境 
下 不 同 状态 之 间 的 变化 。 
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Default User rolls over Downloading “3 Finished 
and clicks. 














图 6-6: 多 帧 故事 板 的 示例 

解释 微 交 互 最 差劲 的 方案 可 能 就 是 屏幕 截图 了 。 屏 幕 截图 只 能 传达 很 
少 的 微 交 互 流程 信息 ， 而 且 常 常 不 能 帮助 人 们 理解 它 的 上 下 文 信息 。 
最 好 的 文档 要 讲 故 事 ， 通 过 情节 告诉 人 们 发 生 了 什么 和 为 什么 会 发 生 。 











AS 用。 Kowitz 的 文章 “Why good storytelling helps you design great 
products”( 为 什么 讲 好 故事 能 帮 你 设计 出 优秀 的 产品 ) : 
http:Wt.cn/zTV6KF3 。 





Ey 四 要 了 解 更 多 关于 以 故事 为 中 心 的 设计 方法 ， 请 参见 Braden 
A 

& 

4 























如 果 必 须 得 使 用 屏幕 截图 或 线 框图 ， 别 忘 了 一 定 要 包含 关键 帧 。 关 键 
帧 是 动画 片 中 的 一 个 概念 ， 指 的 是 由 资深 动画 师 绘 制 的 关键 画面 (所 
以 才 叫 关键 帧 )。 而 这 些 关 键 帧 之 间 的 过 渡 画 面 ， 则 留 给 那些 初级 动 
画师 去 填 绘 。 对 于 微 交 互 而 言 ， 关 键 帧 可 能 包括 触发 器 、 规 则 中 的 某 
个 重要 时 刻 和 微 交 互 的 结束 画面 。 


一 般 来 说 ， 多 种 方法 并 用 可 以 更 好 地 解释 微 交 互 (http://t.cn/zQHdcRa)。 


比如 用 原型 或 电影 表明 时 间 概 念 ， 用 多 帧 故事 板 展 示 细 节 和 使 用 情 
境 ， 而 用 带 关键 帧 的 线 框图 来 说 明 复杂 的 规则 。 


pA se 
6.5 ”编排 微 交互 
除非 是 很 特别 的 应 用 或 设备 ， 否 则 微 交 互 很 少 有 独立 存在 的 。 更 多 情 
况 下 ， 微 交互 会 处 在 一 个 较 大 功能 的 周边 、 内 部 ， 其 至 核心 。 比 如 本 
章 开 头 介 绍 的 TaskRabbit 的 “Post a Task” (发 表 任 务 ) 微 交互 。 














在 设计 非 独 立 存在 的 微 交 互 时 ， 第 一 件 事 就 是 搞 清 楚 它 与 功能 的 关 
系 。 微 交互 是 用 于 启动 功能 (登录 )、 实 现 控 制 ( 视 频 播放 器 上 的 按 
钮 )， 还 是 出 现在 功能 里 面 (格式 化 工具 )， 或 者 结束 功能 (关闭 开 
关 ) ? 每 种 情况 下 的 触发 器 可 能 都 不 一 样 。 第 二 件 事 就 是 确定 微 交 互 
的 存续 时 间 。 和 暂停 按钮 可 能 只 要 应 用 开 着 就 会 一 直 显 示 ， 而 格式 化 工 
具 或 许 只 会 在 用 户 执行 特定 操作 时 才 有 必要 出 现 。 


然后 ， 就 是 考虑 微 交 互 是 否 应 该 成 为 “标志 性 时 刻 ”; 换 句 话说， 它 
是 否 应 该 让 人 记 住 。 大 多 数 情况 下 ， 答 案 都 是 不 必 ， 而 且 应 该 不 必 。 
当然 ， 它 应 该 有 亲和力 (这 是 本 书 所 要 强调 的 )， 但 高 效率 和 不 费事 
才 是 它 的 目标 。 特 别 是 在 微 交 互 本 身 就 承载 了 整个 产品 目标 的 情况 下 
(比如 用 户 在 能 使 用 应 用 之 前 首先 遇 到 的 登录 微 交 互 )， 更 是 如 此 。 


6.5.1 微 交互 与 功能 

微 交 互 也 可 以 触发 其 他 微 交互 ， 因 而 存在 一 种 “花环 ”效应 ， 即 前 一 
个 微 交互 触发 后 一 个 微 交 互 ， 如 此 环 环 相 扣 。 比 如 ， 打 开设 备 或 启动 
应 用 ( 微 交 互 ) 后 ， 系 统 触发 器 可 以 检查 用 户 上 一 次 使 用 应 用 的 时 
间 。 如 果 有 一 段 时 间 了 ， 就 可 以 启动 另 一 个 微 交 互 ( 欢迎 回来 ， 以 
下 是 从 上 次 使 用 x x 应 用 以 来 的 更 新 ! ”)。 


只 要 对 微 交互 精心 组 织 ， 让 一 个 微 交 互 退出 后 ， 另 一 个 微 交 互 紧 跟 着 
切入 ， 就 可 以 把 多 个 微 交 互 组 织 成 功能 。 细 节 全 在 设计 中 。 


微 交 互 与 功能 ， 在 这 里 就 像 作曲 和 配乐 ， 要 想 编排 出 好 的 功能 ， 关 键 
在 于 知道 哪些 微 交 互 应 该 突出 表现 ， 而 不 是 对 所 有 微 交 互 都 一 视 同 
仁 。 有 些 要 重要 体现 ， 有 些 就 该 作为 陪衬 。 那 么 反馈 也 要 通盘 考虑 ， 
以 便 重点 突出 ， 不 喧 宾 夺 主 。 


采用 这 种 设计 方式 ， 最 好 列 一 个 清单 ， 把 所 有 微 交 互 都 罗列 其 中 。 前 
提 是 最 好 有 一 个 任务 列表 ， 或 者 功能 需求 说 明 书 ， 然 后 据 此 提炼 出 清 
单 。 有 了 这 个 清单 ， 就 可 以 画 出 一 幅 微 交 互 地 图 ( 见 图 6-7) ， 从 而 明 
确 相 互 之 间 的 关系 。 
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图 6-7: 构成 新 闻 阅 读 器 的 所 有 微 交 互 


这 里 要 特别 注意 “交接 棒 ” 环 节 : 哪个 微 交互 触发 哪个 微 交 互 ， 在 哪 
里 退出 一 个 微 交 互 又 局 动 另 一 个 微 交 互 。 事 实 上 ， 这 种 交接 环节 对 用 
户 而 言 可 能 并 不 明显 ， 而 且 很 多 情况 下 也 不 应 该 让 用 户 察觉 。 谁 也 不 
希望 自己 的 产品 有 明显 拼凑 的 痕迹 ， 最 好 的 印象 应 该 是 一 个 密切 关联 
的 整体 。 


不 过 ， 在 微 交 互 的 基础 上 编排 功能 ， 是 很 容易 忽略 整体 的 。 在 设计 完 
每 个 微 交互 之 后 ， 必 须 再 反 过 来 想 : 怎样 才能 让 每 一 个 微 交 互 与 其 他 
微 交 互 都 能 融洽 相处 。 特 别 是 在 绘制 草图 或 线 框图 时 ， 很 容易 在 无 意 
间 造 成 两 个 微 交 互 间 的 冲突 。 比 如 说 ， 考 卡 某 个 列表 如 何 显示 时 ， 可 
能 会 与 滚动 操作 冲突 。 预 防 冲 突 的 方法 ， 就 是 在 设计 会 与 其 他 微 交 互 
接触 的 微 交 互 之 前 做 好 标记 。 

说 了 那么 多 ， 内 容 基本 上 都 是 围绕 怎么 防止 微 交 互 过 度 设 计 、 过 度 侵 
扰 用 户 的 。 但 有 时 候 ， 还 应 该 考虑 怎么 防止 它们 过 于 呆板 ， 还 要 给 它 
们 注入 一 些 灵性 。 




















6.5.2 ”改进 呆板 的 微 交 互 

并 不 是 所 有 人 都 有 机 会 从 一 张 白 纸 开 始 设计 。 很 多 时 候 ， 我 们 需要 改 
进 产品 中 已 经 存在 的 微 交 互 。 当 然 ， 还 有 可 能 是 我 们 早 就 开始 了 主 功 
能 的 开发 ， 而 现在 需要 考虑 怎么 让 其 中 的 微 交 互 更 上 一 层 楼 了 。 从 哪 
儿 着 手 呢 ? 


可 以 根据 本 书 介绍 的 原理 ， 向 自己 提出 一 系列 问题 。 





这 个 微 交互 应 该 作为 “标志 性 时 刻 ” 吗 ? 换 旬 话说， 应 该 让 用 户 对 
它 过 目 不 忘 吗 ? 要求 印象 越 深 控制 和 反馈 上 就 越 要 多 下 功夫 ( 包 
括 设 计 个 性 化 控件 )。 

我 是 从 零 开 始 吗 ? 我 手头 上 有 没有 一 些 能 够 用 于 改进 微 交 互 的 用 户 
或 环境 资料 ? 

这 个 微 交 互 中 最 重要 的 数据 是 什么 ， 能 不 能 提前 展示 它 ? 用 户 不 经 
意 地 扫 一 眼 就 应 该 能 看 到 什么 ? 

设计 一 个 定义 的 控件 是 否 合适 ?” 自 定义 的 UI 是 昭示 当前 微 交 互 很 
重要 的 关键 。 

我 预防 人 为 错误 了 吗 ? 用 户 在 某 些 情况 是 不 是 可 能 导致 错误 ， 怎 么 
才能 自动 防止 这 些 错 误 发 生 ? 

我 使 用 别人 忽视 的 东西 了 吗 ? 用 户 界面 或 者 硬件 是 不 是 还 有 有 待 挖 
掘 的 地 方 ? 

可 不 可 以 给 高 级 用 户 设计 看 不 见 的 触发 器 ? 是 否 有 哪个 环节 适合 采 
用 隐藏 的 快捷 方式 〈 比 如 手势 或 快捷 键 )， 从 而 让 用 户 更 快 地 完成 
规则 ? 

文字 和 图 标 都 有 亲和力 吗 ? 微 方案 听 起 来 像 不 像 一 个 讲解 员 的 解说 
词 ? 能 不 能 增添 一 点 幽默 ? 

能 不 能 增加 一 些 动画 ， 让 界面 不 那么 静态 ? 屏幕 或 状态 切换 有 没有 
过 渡 ， 有 没有 指示 下 一 步 是 什么 的 ( 非 干 扰 性 的 ) 指示 装置 ? 

能 否 开 辟 出 额外 的 反馈 通道 ? 反馈 是 听觉 的 还 是 触觉 的 ? 

想 一 想 ， 当 用 户 第 二 次 使 用 这 个 微 交 互 时 ,应 该 看 到 什么 场景 一 一 
第 100 次 的 时 候 呢 ? 思考 一 下 该 使 用 什么 样 的 长 循环 。 
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通过 向 自己 提问 ， 并 将 答案 应 用 于 现 有 的 微 交 互 改进 ， 肯 定 能 让 它 焕 
发 生机 。 如 果真 能 如 此 ， 本 书 的 使 命 就 达成 了 。 


6.6 ” 往 小 处 想 


我 们 讲座 了 很 多 微 交 互 : 搅 黄 马 勒 《第 九 交 响 曲 》 的 闸 铃 、 支 持 数 
百 万 人 购买 纽约 地 铁 MetroCard 卡 的 触摸 屏 触 发 器 、 苹 果 乱 改 规则 而 
搞 砸 的 “另存 为 "、 老 虎 机 让 人 欲罢不能 的 反馈 ”几乎 断送 火星 探测 
器 前 途 的 循环 与 模式 ， 以 及 宠物 狗 没 饭 吃 引出 的 数 百 万 美元 的 大 买 
卖 。 小 事 同 样 重要 ， 一 直 会 ， 永 远 是 ， 而 且 今 天 尤 甚 。 


21 世纪 的 问题 多 种 多 样 。 有 些 大 型 、 系 统 的 问题 不 能 轻易 解决 ， 而 有 
些微 小 、 有 具体 的 问题 ， 如 果 解 决 得 好 ， 则 能 带 给 人 片刻 的 安宁 、 开 心 
和 成 功 的 喜悦 。 我 们 需要 能 解决 这 两 类 问题 的 人 ， 特 别 是 能 够 同时 兼 
顾 这 两 个 方面 的 人 ， 以 确保 我 们 设计 出 来 的 大 型 系统 一 一 城市 、 政 府 、 
公司 、 产 品 ， 都 是 以 人 为 本 来 建造 的 。 而 让 这 些 大 型 系统 办 泡 人 性 光 
辉 的 ， 通常 都 是 那些 看 似 微不足道 的 瞬间 ， 即 微 交 互 。 在 如 今 这 个 算 
法 和 无 人 驾驶 汽车 的 时 代 ， 人 性 光辉 愈 发 显得 珍贵 ， 应 该 成 为 我 们 上 
下 求索 的 终极 目标 。 


细节 彰显 人 文 关 怀 、 思 维 方 式 ， 以 及 关注 重点 。 而 全 人 类 共同 关心 的 
问题 ， 就 是 我 们 自身 以 及 自身 的 需求 。 通 过 微 交 互 来 满足 人 类 的 这 个 
需求 ， 是 每 一 位 设计 师 送 给 人 类 的 礼物 。 


往 小 处 想 ， 改 变 世 界 。 

















附录 
测 研 微 交 互 





很 多 人 都 觉得 微 交 互 没 有 什么 好 测试 的 ， 其 至 说 测试 微 交 互 无 异 于 问 
“什么 颜色 的 自行 车 棚 好 ? ”之 类 的 问题 。 换 名 话说 : 这 不 重要 。 但 
如 果 你 把 这 本 书 看 完了 ， 那 一 定 会 觉得 微 交互 有 价值 ， 而 且 可 以 通过 
用 户 验 证 、 测 试 和 试用 来 加 以 改进 。 


微 交 互 可 以 利用 精益 UX“ 构建 > 度量 > 学习” 的 方法 体系 : 构建 
微 交互 并 测试 、 通 过 各 种 定量 和 定性 的 方法 度量 设计 、 从 对 度量 结 
果 的 分 析 中 学 习 。 然 后 ， 再 次 和 迭代“。 


真正 的 精益 UX 迭代 每 次 都 是 测试 一 个 “最 低 限 度 可 靠 的 产品 "， 检 验 
概念 (假定 ) 是 否 有 价值 。 而 对 于 微 交 互 来 说 ， 我 们 通常 假设 整个 概 
念 有 价值 ， 或 者 至 少 对 于 实现 应 用 或 设备 功能 是 必要 的 。 因 此 ， 更 多 
的 是 测试 流程 和 结构 ， 而 非 概念 。 另 一 个 与 精益 UX 不 同 的 地 方 体 现 
在 原型 忠诚 度 方面 。 微 交互 没有 最 低 限 度 的 可 测试 原型 (通常 是 纸 面 
原型 ) 这 一 说 ， 因 为 微 交 互 的 结构 非常 重要 ， 如 果 想 有 效 地 测试 它 ， 



































注 1: 参见 “What color should the bike shed be?” (什么 颜色 的 自行 车 棚 好 ? ) : http://t.cn/ 
ZzQqJLov。 

注 2: 参见 Jeff Gothel 的 《精益 设计 : 设计 团队 如 何 改善 用 户 体 验 》( 人 民 邮 电 出 版 社 ， 
http://www .ituring.com.cn/book/1031)。 
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必须 把 原型 做 得 尽 可 能 与 实际 产品 一 样 。 而 且 ， 微 交互 的 触发 器 、 规 
则 、 反 馈 、 循 环 之 间 联 系 非 常 紧密 ， 不 容易 分 割 。 


在 桌面 软件 中 ， 大 多 数 微 交互 可 能 都 不 会 单独 测试 。 单 独 在 桌面 上 测 
试 微 交 互 涉及 的 建立 和 运行 测试 会 话 的 代价 ( 暂 不 提 为 测试 而 制作 原 
型 的 投入 ) 非常 大 。 此 时 的 微 交 互 测试 通常 会 与 其 他 测试 任务 集中 到 
一 起 进行 。 在 Web 应 用 中 就 不 一 定 了 ， 因 为 创建 Web 原型 很 快 、A/ 
B 测试 也 容易 ， 而 且 分 析 手 段 也 相对 较 容 易 获 得 。 移 动 应 用 的 原型 同 
样 很 容易 创建 。 如 果 整 个 应 用 就 是 微 交 互 ， 那 测试 非常 重要 ， 构 建 于 
一 个 微 交互 之 上 的 设备 同样 如 此 ， 只 不 过 制作 硬件 原型 要 麻烦 很 多 。 


假如 你 的 测试 与 统计 数据 有 关 ， 那 要 知道 由 于 微 交 互 很 小 (因而 对 它 
的 改动 多 数 情况 下 同样 也 很 小 )， 必 须 有 很 多 人 参与 测试 ， 才 能 得 到 
有 用 的 信息 。 多 少 人 才 够 ? 至少 要 儿 百 人 (其 至 上 千 人 ) 参与 才 行 ， 
通常 5~8 个 参与 者 肯定 是 不 够 的 ， 最 少 也 得 20 人 以 上 才能 得 到 一 点 
稍微 有 用 的 数据 。 如 果 是 定量 性 数据 ， 那 么 儿 百 、 儿 千 ， 甚 至 几 万 用 
户 都 很 正常 ， 很 多 网 站 的 测试 就 是 这 样 。 如 有 果 只 有 5% 的 用 户 打 开 下 
拉 菜 单 ， 而 做 出 选择 的 只 有 4.75%， 那 么 就 算 有 几 千 位 用 户 都 很 难 发 
现 这 一 点 ， 然 而 这 个 比例 却 会 极 大 影响 到 销售 和 采用 。 


除非 微 交 互 很 难 用 或 很 好 用 ， 否 则 想 通 过 定性 测试 来 探知 细微 差别 的 
有 效 性 几乎 是 不 可 能 的 。 定 量 分 析 是 唯一 实际 的 选择 。 比 如 ， 把 谷歌 
Analytics 把 “活动 ”添加 到 一 个 Web 微 交 互 中 ， 能 够 让 设计 者 精准 
地 发 现 微 交 互 的 缺点 ， 而 定性 方法 则 必须 跟踪 很 多 用 户 很 长 时 间 才 可 
以 达到 同样 的 效果 。 如 果 你 的 测试 不 依赖 统计 数据 ， 那 么 即使 测试 几 
个 参与 者 ， 也 可 以 得 出 结论 。 


与 所 有 产品 测试 一 样 ， 还 应 该 提防 由 测试 本 身 导致 的 所 谓 的 “情境 错 
误 "。 由 于 测试 是 虚构 的 、 人 为 搭建 的 情境 ， 测 试 人 员 根 据 安排 引导 
用 户 的 过 程 中 ， 可 能 会 导致 和 上 暴露 一 些 正常 情况 下 不 会 发 生 的 错误 和 
问题 。 举 一 个 小 例子 : 中 止 询问 或 回答 问题 ， 可 能 导致 错过 非常 重要 
的 反馈 。 
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A.1 测试 中 的 注意 事项 


测试 必须 验证 以 下 4 个 最 重要 的 方面 。 


你 真正 理解 了 微 交 互 的 目标 ， 而 不 仅仅 是 过 程 中 的 一 个 环节 。 设 置 
状态 消息 的 关键 不 于 在 字体 ， 而 在 于 沟通 。 理 解 这 一 点 可 以 帮 你 解 
决 任何 强调 相关 的 问题 ， 无 论 问题 在 微 交 互 自 身 ， 还 是 在 整个 产 
品 一 一 这 个 微 交 互 对 整个 产品 的 用 户 体验 有 多 重要 ? 

你 真正 理解 什么 数据 是 重要 的 。 你 需要 知道 什么 数据 可 以 提前 展示 ， 
哪 种 上 下 文 相关 的 行为 对 微 交 互 有 用 ， 可 以 重复 使 用 。 

某 些 微 方 案 是 否 必 要 ， 如 果 是 ， 那 它 是 否 清晰 易 懂 。 这 既 包 括 说 明 
性 的 方案 ， 也 包括 标签 。 

时 间 与 流程 。 微 交互 的 运行 时 间 是 不 是 太 长 了 ? 循环 是 不 是 大 长 
了 ? 或 者 ， 是 不 是 太 短 了 ?时间 跨度 太 长 的 长 循环 很 难 测 试 ， 除 非 
你 想 做 长 线 调查 ， 而 大 多 数 开发 人 员 是 不 会 这 样 做 的 。 














前 两 个 方面 的 信息 可 以 通过 对 话 和 访谈 来 收集 。 第 三 个 方面 可 以 通过 
观察 ， 而 通过 观察 可 以 得 出 结论 的 事情 还 有 很 多 ， 下 面 仅 举 一 些 例子 。 


单 击 /点 击 / 按 榨 件 的 操作 是 不 是 太 多 了 ? 换 名 话说， 用 户 操作 起 
来 是 不 是 太 费 事 了 ? 这 不 一 定 是 针对 点 击 数 ， 尽 管 次 数 也 是 衡量 费 
不 费事 的 一 个 指标 。 

用 户 会 不 会 感到 莫名 其 妙 ? 如 果 用 户 说 过 ( 真 的 说 了 或 者 皱眉 、 表 
情 困 惑 )“ 为 什么 要 干 这 个 ? ” 那 肯定 哪里 不 对 了 。 常 见 的 问题 是 
标签 名 写 错 了 、 没 加 说 明文 案 ， 或 者 有 方案 但 没 说 清楚 。 
怎么 回 事 ? 说 明 反 馈 可 能 写 得 不 清楚 , 或 者 某 个 标签 同样 也 不 清楚 。 
好 像 没 反应 啊 ? 要么 没 给 出 反馈 ， 要 么 反馈 太 不 起 眼 。 

那个 东西 在 哪儿 呢 ? 用 户 期 待 与 当前 界面 存在 隔 头 。 可 能 是 标签 问 
题 ， 也 可 能 缺少 一 个 关键 的 微 交 互 。 

这 是 到 哪儿 啦 ?” 过 渡 或 模式 有 问题 。 

你 刚才 怎么 处 理 的 我 的 数据 / 内容/ 输入 ?这 又 是 用 户 期 待 与 输出 
不 相符 的 情况 。 要 么 调整 标签 或 文案 ， 如 果 不 是 这 个 问题 ， 那 可 能 
就 是 更 深层 次 的 微 交 互 问 题 ， 即 没有 实现 用 户 期 待 的 处 理 方式 ， 或 
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者 说 当前 的 处 理 方式 让 用 户 感觉 不 舒服 。 
。 我 单 击 / 按 下 这 里 ,会 怎么 样 ? 这 说 明 标签 不 明确 ， 或 者 说 明 方案 
写 得 不 清楚 。 
。 我 没 注意 那 还 有 个 按钮 。 这 是 视觉 分 层 出 了 问题 。 引 导 微 交互 的 视 
觉 路 径 不 清晰 。 
。 原来 这 样 也 行 啊 ! 某 个 操作 隐藏 太 深 了 。 常 见于 多 点 触摸 的 手势 或 
键盘 快捷 键 等 不 可 见 的 触发 器 。 
现在 该 干什么 ? 与 前 面 的 问题 类 似 ， 引 导 路 径 不 清晰 ， 特 别 是 没有 
提示 下 一 步 该 做 什么 。 
。 我 看 到 了 什么 呀 ? 反馈 不 清楚 的 结果 ， 通 常 发 生 在 流程 上 。 添 加 标 
签 或 者 把 标签 改 清楚 一 些 ， 比 如 使 用 提示 条 。 还 可 能 说 明 你 显示 的 
数据 并 不 重要 。 


以 上 只 是 定性 数据 的 例子 ， 但 定量 分 析 同 样 可 以 参考 。 


A.2 定量 测试 
有 一 名 格言 说 ( 源 自 开尔文 男 萎 ) :“ 不 能 测量 的 ， 也 不 能 改进 。” 这 人 句 
话 对 微 交 互 或 多 或 少 也 适用 。 有 一 个 基准 (起 点 )， 再 有 一 个 可 以 与 之 
比较 变化 的 东西 ， 是 极其 有 用 的 。 以 下 列举 了 几 个 可 以 测试 的 数据 点 。 
。 完成 率 

可 以 完成 微 交 互 的 用 户 有 百 分 之 几 ? 





。 微 交互 的 总 持续 时 间 
完成 微 交 互 需要 多 长 时 间 ? (一 般 来 说 ， 不 熟练 的 用 户 完成 微 交 互 
的 时 间 是 熟练 用 户 的 5~10 倍 。 因 此 ， 要 降低 这 种 极 值 效应 ， 应 该 使 
用 几何 均值 ， 而 不 是 中 值 。 ) 


。 特定 步骤 的 持续 时 间 
。 步骤 数 














注 3: 参见 Jeff Sauro 的 “8 Core Concepts for Quantifying The User Experience”( 量 化 用 户 
体验 的 8 个 核心 概念 ) Measuring Usability 2012 年 12 月 11 日 。 
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。 单 击 /点 击 /选择 的 数量 
并 不 是 总 有 价值 ， 但 可 以 让 你 知道 哪 一 块 不 够 有 效 。 

。 系统 错误 的 数量 
有 没有 什么 地 方 在 用 户 操 作 无 误 的 情况 下 出 错 了 ? (在 使 用 实际 数 
据 /连接 测试 微 交 互 时 经 常会 发 生 这 种 情况 。) 

。 用 户 错误 的 数量 
可 以 分 两 类 : 犯错 和 误解 。 犯 错 是 用 户 理 解 动作 的 目标 ， 但 执行 了 
不 适当 的 操作 ， 比 如 输入 了 错误 的 电子 邮件 地 址 。 误 解 则 是 用 户 不 
理解 规则 ， 淮 试 做 一 些 规则 不 允许 的 事情 ， 例 如 单 击 没有 响应 能 
的 标题 。” 

还 可 以 尝试 量化 定性 数据 ， 比 如 对 : 


。 满意 度 ， 

。 难度 ， 

。 信心 ; 

。 有 用 性 。 

等 定性 指标 划分 等 级 (比如 ，1~7，1 最低 ，7 最 高 )。 然 而 ， 如 果 采 
样 数据 规模 过 小 ， 这 种 量化 很 难说 明 问 题 。 

不 过 ， 这 样 至 少 能 促使 你 改进 微 交互 ， 并 通过 再 次 测试 得 知 是 否 有 进 
步 。 或 者 ， 你 会 开发 微 交互 的 替代 版 ， 然 后 将 它们 进行 对 比 (A/B 测 
试 )。 同 样 ， 要 注意 采样 规则 。 用 户 过 少 会 导致 基 些 错误 或 个 人 偏好 
看 起 来 过 分 显著 或 不 显著 。 


即使 存在 统计 显著 性 ， 实 际 上 也 不 一 定 是 显著 的 。 使 用 数据 改进 设计 
时 ， 最 重要 的 一 点 是 要 知道 : 数据 不 是 为 你 设计 好 的 。 数 据 要 靠 人 来 解 
读 ， 并 且 要 代入 情境 解读 。 数 据 本 身 很 少 能 告诉 你 问题 的 原因 在 哪里 。 


数据 一 般 是 有 意义 的 ， 但 有 些 时 候 又 应 该 忽略 数据 。 为 什么 要 忽略 数 



























































注 4: 要 了 解 关 于 犯错 和 误解 的 更 多 内 容 ， 请 参考 原 载 于 《美国 计算 机 学 会 通讯 》1983 年 
第 26 期 Donald Norman 的 “Design Rules Based on Analyses of Human Error”( 基 本 
用 户 错误 分 析 设 计 规 则 ) ， 以 及 James Reason 的 Human Error (1990)。 
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据 呢 ? 举 个 最 简单 的 例子 : 大 多 数 在 线 广告 不 会 被 点 击 。 如 果 能 
0.5% 的 点 击 率 (clickthrough rate)， 那 就 相当 不 错 了 。’ 既然 使 用 率 
那么 低 ， 那 是 不 是 就 该 删除 在 线 广 告 呢 ? 99.9% 的 用 户 这 么 想 (另外 
0.1% 的 用 户 在 广告 公司 上 班 )。 可 是 ， 删 除 广 告 也 就 意味 着 关闭 网 站 ， 
因为 没有 资金 来 源 保障 运营 。 你 希望 谷歌 消失 吗 ? 数 据 不 能 反映 全 部 
事实 ， 因 此 不 能 完全 相信 它 。 公 司 和 组 织 的 环境 ， 以 及 用 户 基数 可 不 
仅仅 是 电子 表格 中 的 数字 而 已 。 可 以 把 数据 作为 决策 参考 ， 但 绝 不 能 
将 它 作 为 唯一 依据 。 


A.3 微 交 互 测试 流程 

下 面 介绍 一 个 微 交 互 的 测试 流程 供 读者 参考 。 这 个 流程 肯定 不 是 唯一 
的 方案 ， 但 可 以 作为 你 的 起 点 。 

1. 在 向 参与 者 展示 原型 前 ， 询 问 他 们 期 待 的 微 交 互 的 工作 方式 。 询 问 
他 们 过 去 用 没 用 过 类 似 的 功能 。 询 问 他 们 想 通 过 微 交 互 做 一 件 什么 
事 。 确 认 他 们 在 使 用 微 交 互 之 前 想 知 道 什 么 ， 即 是 不 是 有 什么 信息 
可 以 让 他 们 完全 不 必 使 用 微 交 互 。 

. 让 参与 者 在 完全 设 人 帮助 的 情况 下 使 用 微 交 互 。 所 有 定量 数据 都 要 
在 此 时 ， 以 及 之 后 收集 。 

. 随 着 参与 者 一 步 步 地 使 用 微 交 互 ， 让 他 们 说 出 自己 的 印象 和 判断 。 
聆听 参与 者 是 否 能 说 出 微 交 互 的 工作 过 程 (规则 )。 注 意 与 实际 不 
相符 的 地 方 。 

. 询问 他 们 第 二 天 还 会 不 会 再 用 ， 以 及 他 们 和 希望 微 交 互 记 住 关 于 他 们 
的 什么 信息 。 

5. 最 后 ， 再 询问 他 们 哪里 应 该 修改 。 

按照 这 个 流程 ， 应 该 可 以 发 现 并 诊断 出 微 交 互 存在 的 问题 ， 同 时 也 能 
验证 用 户 的 总 体 目标 和 需求 。 建 议 大 家 至 少 按照 这 个 流程 做 两 次 ， 每 
次 一 组 不 同 的 参与 者 。 然 后 ， 根 据 这 两 组 参与 者 的 反馈 和 问题 分 析 改 
进 微 交 互 。 








MD 








[SS] 


小 











注 5: 参见 《商业 周刊 》2007 年 11 月 11 日 “So Many Ads, So Few Clicks” (广告 那么 多 ， 
点 击 那么 少 ) 。 
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关于 封面 





本 书 封面 有 两 种 麻 举 ， 即 英国 麻 举 (家 人 省) 和 美国 树 麻雀 ( 树 和 省 )。 
虽然 外 表 看 起 来 类 似 ， 但 它们 却 不 是 同一 个 属 的 。 


英国 麻 御 或 家 从 与 欧 亚麻 作 更 接近 。 它 们 头 圆 、 体 胖 、 腿 短 ， 均 长 16 
厘米 。 虽 然 原 产 于 欧 、 亚 和 北非 ， 但 广泛 分 布 于 世界 各 地 ， 这 很 大 程 
度 上 是 由 于 1851 年 被 引入 北美 造成 的 。 


作为 毫 无 灭绝 危险 的 一 个 物种 ， 英 国 麻 汰 在 很 多 地 方 被 视 为 害虫 。 只 
要 是 人 类 定居 点 ， 儿 平 都 能 看 到 这 种 麻 件 。 用 于 吸引 更 罕见 野 乌 的 喂 
食 器 通常 都 能 把 它们 成 群 结 队 地 吸引 过 来 。 英 国 麻 汰 雌雄 交配 ， 但 未 
必 会 等 到 性 成 熟 。 而 且 ， 有 些 麻 御 会 充当 繁衍 后 代 的 替代 者 ， 如 果 其 
他 配对 中 的 一 方 死去 ， 便 取而代之 。 英 国 麻 省 把 集 筑 在 人 类 住宅 周 
围 ， 为 了 捍卫 自己 的 梨 穴 ， 有 时 候 会 驱赶 其 他 鸟 类 。 


美国 树 麻 窟 与 英国 麻 窒 类 似 ， 但 与 美国 麻雀 (如 褐 斑 翅 和 省 或 布 氏 徐 ) 
关系 更 密切 。 美 国 树 麻雀 体型 与 英国 麻 淮 相差 无 几 ， 但 头 部 有 了 瞳 红 色 
毛 冠 和 眼线。 这 一 点 与 欧 亚 麻雀 不 同 ， 欧 亚麻 省 的 哈 史 部 位 及 眼线 是 
黑色 的 。 美 国 树 麻 淮 肥胖 的 身体 可 以 帮 它 们 抵御 严寒 。 它 们 夏季 多 生 
活 在 加 拿 大 北部 和 阿拉 斯 加 ， 到 冬季 时 ， 会 迁徙 到 加 拿 大 南部 和 美国 
北部 。 
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虽然 名 字 叫 树 麻 甜 ， 但 美国 树 麻 涯 一般 并 不 栖息 在 树 上 。 因 为 冻 原 地 
带 很 少 有 树 ， 而 在 迁徙 之 路 上 ， 也 多 是 灌木 和 草原 。 美 国 树 麻 符 会 通 
过 扑 打 翅膀 摇 掉 植物 松散 的 种 子 ， 也 会 吸食 地 上 的 甲虫 和 浆果 。 作 为 
群居 鸟 类 ， 美 国 树 麻 省 的 群体 规模 不 大 ， 但 比 起 喜欢 吵吵 的 英国 麻 
汰 ， 它 们 相对 要 安静 得 多 。 
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User Experience/User Interface Design 





微 交 互 细节 设计 成 就 卓越 产品 


平庸 的 产品 与 伟大 的 产品 差 就 差 在 细 市 上 。 作 者 将 通过 
本 书展 示 怎 么 设计 微 交 互 ， 即 位 于 功能 之 内 或 周边 的 那 
些 交 互 细节 。 你 的 手机 怎么 静音 ? 你 怎么 知道 有 新 邮件 
了 ? 怎么 修改 应 用 的 设置 ? 诸如 此 类 的 交互 细节 ， 既 可 
以 毁 掉 一 个 产品 ， 也 可 以 成 就 一 个 产品 。 





高 效 而 有 趣 的 微 交 互 ， 涉 及 触发 器 、 规 则 、 循 环 和 模 
式 ， 还 有 反馈 。 透 过 书 中 生动 、 真 实 的 设备 及 应 用 示 
例 ， 读 者 将 理解 微 交 互 对 于 塑造 产品 个 性 、 赋 了 予 产品 卖 
点 的 重要 意义 。 


上 重新 思考 设计 : 自 下 而 上 ， 而 不 是 自 上 而 下 。 

曙 了 解 微 交 互 设计 的 历史 ， 以 及 你 的 产品 中 哪些 算是 
微 交互 

下 ”深入 剖析 触发 器 : 用 户 或 者 系统 怎么 启动 微 交互 ? 

百 “学 习 如 何 运 用 图 片 、 声 音 、 振 动 来 帮助 用 户 理解 微 
交互 的 规则 。 

卓 理解 模式 和 循环 的 种 类 ， 
段 。 

日 ”通过 闲 铃 、 共 享 播放 列表 和 洗 碗 机 等 实例 分 析 ， 彻 
底 掌 握 微 交互 设计 法 则 。 


以 及 微 交 互 反馈 的 各 种 手 


“《 微 交互 》 是 我 期 待 已 久 
的 一 本 书 。 我 一 直 都 希 
望 看 到 一 本 能 够 在 原子 
级 别 上 ， 深 刻 而 又 简洁 
地 把 交互 设计 讲 清楚 的 
书 。 这 本 书 就 是 ! ” 
一 一 Jared Spool 
User Interface 


Engineering (uie.com ) 





Dan Saffer 是 Smart Design 
的 交互 设计 总 监 ， 他 还 著 
有 《交互 设计 指南 》、 
Designing Gestural 
Interfaces: Touchscreens 
and Interactive Devices 和 和 
Designing Devices。 自 1995 
年 起 ， 他 从 事 过 家 电 、 设 
备 、 应 用 、 机 磊 人 、 网 站 
和 服务 设计 ， 数 百 万 用 户 


每 天 都 在 使 用 他 的 设计 。 
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欢迎 加 入 


图 灵 社 区 


最 前 沿 的 IT 类 电子 书 发 售 平台 









































































































































电子 出 版 的 时 代 已 经 来 临 。 在 许多 出 版 界 同行 还 在 犹 ”图 灵 社 区 进一步 把 传统 出 版 流程 与 电子 书 出 版 业务 
歼 仿 律 的 时 候 ， 图 灵 社区 已 经 采取 实际 行动 拥抱 这 个 紧密 结合 ， 目 前 已 实现 作 译 者 网 上 交 稿 、 编 辑 网 上 
出 版 业 巨 变 。 作 为 国内 第 一 家 发 售 电子 图 书 的 IT 类 出 。 审 稿 、 按 音 发 布 的 电子 出 版 模式 。 这 种 新 的 出 版 模 
版 商 ， 图 灵 社 区 目前 为 读者 提供 两 种 DRM-free 的 阅读 式 ， 我 们 称 之 为 “敏捷 出 版 ”， 它 可 以 让 读者 以 较 
体验 : 在 线 阅读 和 PDF。 快 的 速度 了 解 到 国外 最 新 技术 图 书 的 内 容 ， 弥 补 以 






































ma en 入 和 副 主 版 技术 书 “由 版 即 过 时 ”的 缺 伍 。 同 时 ， 伍 
各 导电 了 县 有 许多 明显 门人 势 。 它 不 仅 发 。。 捷 出 版 全 得 作 、 译 、 编 、 读 的 交流 更 为 方便 ， 可 以 
天 ， 更 新 容易 ， 而 且 尽 可 能 采用 了 彩色 图 片 即使 ne 

， ， 提前 消灭 书稿 中 的 错误 ， 最 大 程度 地 保证 图 书 出 版 
的 书 纸 质 版 是 黑白 印刷 的 ) 。 读 者 还 可 以 方便 地 进 He 2 

搜索 、 剪 贴 、 复 制 和 打印 。 












































































































































之 许 北 








最 方便 的 开放 出 版 平台 最 直接 的 读者 交流 平台 






































































































































































































































图 灵 社区 向 读者 开放 在 线 写 作 功 能 ， 协 助 你 实现 自 出 在 图 灵 社 区 ， 你 可 以 十 分 方便 地 写作 文章 、 提 交 勘 
版 和 开源 出 版 的 梦想 。 利 用 “合集 ”功能 ， 你 就 能 联 误 、 发 表 评 论 ， 以 各 种 方式 与 作 译 者 、 编 辑 人 员 和 
合 二 三 好 友 共同 创作 一 部 技术 参考 书 ， 以 免费 或 收费 其 他 读者 进行 交流 互动 。 提 交 勘 误 还 能 够 获 赠 社区 
的 形式 提供 给 读者 。 (收费 形式 须 经 过 图 灵 社 区 立项 银子 。 

评审 。) 这 极 大 地 降低 了 出 版 的 门槛 。 只 要 你 有 写作 

意愿 ， 图 灵 社 区 就 能 帮助 你 实现 这 个 梦想 。 成 熟 的 。 。 ”你 引 以 积极 参 社区 经 常 开展 的 沪 痰 、 审 读 、 评 选 
书稿 ， 有 机 会 入 选 出 版 计划 ， 同 时 出 版 纸 质 书 。 等 多 种 活动 ， 赢 取 积 分 和 银子 ， 积 累 个 人 声望 。 

图 灵 社 区 引进 出 版 的 外 文 图 书 ， 都 将 在 立项 后 马上 在 

社区 公布 。 如 果 你 有 意 翻 译 哪 本 图 书 ， 欢 迎 你 来 社区 



































请 。 只 要 你 通过 试 译 的 考验 ， 即 可 签约 成 为 图 灵 的 
译 者 。 当 然 ， 要 想 成 功 地 完成 一 本 书 的 翻译 工作 ， 是 
需要 有 坚强 的 狼 力 的 。 
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